CssValley adlı üyeden alıntı: mesajı görüntüle
En Kararlı ve 100 % çalışanı buyrun...

http://codepen.io/CssValley/pen/QwKzYQ


/* R10 - CssValley */ $('select').change(function () { // sadece seçilenin optionlar var secilenOption = $(this).val(); // geneldeki optionlar var geneldekiOption = $('option').val(); // seçim yaparken tüm optionlarda seçileni disable yap, secilenin valuesini al $('option').each(function () { if ($(this).val() == secilenOption) { $(this).attr('disabled', true); } // tüm optionlarda seçim yaparken genel optionlarla benzerlik görürsen bul ve disable yap if (secilenOption == geneldekiOption){ $('option').removeAttr('disabled'); } }); // Seçinizin valuesi 0, eğer seçinizi seçerse tüm optionların disabledini kaldır, tüm optionları seçinize çek ve yeniden seçilir hale getir, en baştaki durum (vazgeçme durumu da dinlebilir..) if(secilenOption == 0){ $('option').removeAttr('disabled'); $('.sec').attr("selected","selected") } });
kadanix adlı üyeden alıntı: mesajı görüntüle
Biraz uğraştırdı ama mükemmel çalıştığına emin olabilirsin

(function () {
var beforeText;
$("select").on('focus', function () {
beforeSText=$(this).children("option:selected").te xt();
}).change(function() {
var aktifSind = $( "select" ).index( this );
var aktifSText=$(this).children("option:selected").tex t();
$("select").each(function(i) {
if (i>aktifSind)
$( this ).children("option").each(function() {
if($( this ).text()==aktifSText)
$( this ).attr('disabled', true);
else if($( this ).text()==beforeSText)
$( this ).attr('disabled', false);
});
});
});

})();

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 01:10:46 -->-> Daha önceki mesaj 01:06:22 --

var beforeText; gereksiz silinebilir.

Tek tek hepinize çok teşekkür ediyorum. Kodlar eminim ki kararlı çalışıyordur (Çok fazla test etmedim.)

Bir konuda fikrinizi almak istiyorum. Bu kodların neden Bootstrap ile çalışmadığı hakkında fikriniz var mı ?

Satın aldığım bir temada bootstrap'ın standart seçim kutuları kullanılıyor. Fakat bu kodları eklediğimiz zaman kesinlikle devreye girmiyor. Javascript kaynaklarından "bootstrap-select.js" adına benzer bir javascript'i kaldırmamız gerekiyor, o zamanda temanın özelliklerini kaybetmiş oluyoruz.

Örnek bir bootstrap sayfasını aşağıda veriyorum.
http://silviomoreto.github.io/bootstrap-select/
Tabii ki bizim temamızdan biraz farklılıkları olabilir