Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

Select-Option gizle göster sorunu

Herkese merhabalar,


Uzatmadan soruya geçeyim, 'select' içerisindeki 'option' ları gizle/göster yapmak istiyorum. Aslında isteğim oluyor ancak 'display:none' olan option seçili kalıyor. Bunu nasıl düzeltebilirim. Örn => http://jsfiddle.net/g9x67vuL/

2

Cevaplar (2)

İşlem devam ediyor, lütfen bekleyin..
Tayfun Erbilen
Doğru Cevap
@tayfunerbilen
3 ay önce [Güncellendi]

şu şekilde yapabilirsin;


var main = true;
$(document).ready(function () {

    $("[data-type='a']").show();
    $("[data-type='z']").hide();
    
    $("button").click(function () {
        if (main) {
            $("[data-type='a']").hide().removeAttr('selected');
            $("[data-type='z']").show().filter(':first').attr('selected', 'selected');
        } else {
            $("[data-type='a']").show().filter(':first').attr('selected', 'selected');
            $("[data-type='z']").hide().removeAttr('selected');
        }
        main = !main;
    });

});
Cevapla @Selim3 ay önce
Teşekkür ederim, tamda yapmak istediğim buydu.
İşlem devam ediyor, lütfen bekleyin..
Serdar Güler
@gulers
3 ay önce

Bu şekilde birşey yapabilirsin ya da ilk başa boş bir options tanımlarsın. Button click olduğunda selected index 0 a gider hep.


<select name="" id="degistir">
  <option data-type="a" value="Type A">Type A</option>
  <option data-type="z" value="Type Z">Type Z</option>
  <option data-type="a" value="Type A">Type A</option>
  <option data-type="z" value="Type Z">Type Z</option>
</select>

<button>Değştir</button>

var main = true ;
$(document).ready(function() {
    $("[data-type='a']").show();
  $("[data-type='z']").hide();
 
    $("button").click(function(){
      main = !main;
    
      if(main) {
    $('#degistir').prop('selectedIndex',1);
        $("[data-type='a']").hide();
          $("[data-type='z']").show();
    } else {
    $('#degistir').prop('selectedIndex',0);
        $("[data-type='a']").show();
          $("[data-type='z']").hide();
    }
  });

});
Cevapla @Selim3 ay önce
Cevabınız için teşekkür ederim.
İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın

Yabancı Dizi Arşivi