PHP & MYSQL - Seçime Göre Gizle / Göster

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>

js kodunda array olarak diziyi almalısın.
şunu dener misin?



<script type="text/javascript">
$(function(){
$("#izinturu").change(function(){
var selectedValues = $(this).val(); // array olarak seçimi burada yakalıyoruz.

if(selectedValues && selectedValues.includes("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>

$(function () {
  $("#izinturu").change(function () {
    if ($(this).val().length == 1 && $(this).val()[0] == "Diğer") {
      $("#izinturudiger").show();
      $("#izinturudiger input").prop("required", true);
    } else {
      $("#izinturudiger").hide();
      $("#izinturudiger input").prop("required", false);
    }
  });
  $("#izinturudiger").hide();
  $("#izinturudiger input").prop("required", false);
});

Bu arada php, mysql veya server side'lık bi kod yok burda

İlettiğiniz kodlarla sorunumu çözdüm hocam, desteğiniz için teşekkür ederim.

İlettiğiniz kodlar çalıştı hocam, desteğiniz için teşekkür ederim.

rica ederim.