Merhabalar,
Tek seçimli basit bir Select / Option' da gizlenen öğeyi seçilen değere göre göster yapmak istediğimde aşağıdaki kodları kullanıyorum.

<script type="text/javascript">
  $(function(){
    $("#izinturu").change(function(){
      if($(this).val() == "Diğer"){
        $("#izinturudiger").show();
        $("#izinturudiger input").prop('required',true);  
      } else {
        $("#izinturudiger").hide();
        $("#izinturudiger input").prop('required',false);
      }
    });
    $("#izinturudiger").hide();
    $("#izinturudiger input").prop('required', false);
  });
</script>
<div class="form-row">
<div class="form-group col-md-6">
<label>Kullanılan İzin Türü</label>
<select name="izinturu" id="izinturu" class="form-control" required>
 <option disabled selected>İzin Türü Seçiniz</option>
<option value="Yıllık İzin">Yıllık İzin</option>
<option value="Ücretsiz İzin">Ücretsiz İzin</option>
<option value="Diğer">Diğer*</option>
</select>
</div>
<div id="izinturudiger" class="form-group col-md-6">
<label>Diğer*</label>
<input type="text" name="izinturudiger" id="izinturudiger" class="form-control"  placeholder="Diğer Açıklama (IK veya Birim Yönetici ile teyitleşilmelidir.)" required>
</div>
 </div>

Sorum şu;
Çok seçimli bir Select / Option' da aynı işlemi nasıl yapabilirim. Select' e 'multiple' özelliği eklediğimde yukarıdaki gibi kodlar istediğim sonucu vermiyor. Desteğiniz için teşekkür ederim.

<select name="izinturu" id="izinturu" class="form-control" required multiple >
 <option disabled selected>İzin Türü Seçiniz</option>
<option value="Yıllık İzin">Yıllık İzin</option>
<option value="Ücretsiz İzin">Ücretsiz İzin</option>
<option value="Diğer">Diğer*</option>
</select>