Combobox Value Azaltma

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") } });

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

çalışır hocam çalışır da sizin istediğiniz sanırım şu siz tam olarak ne yapmak istediğinizi yazın biz yapalım siz karışmayın...

eğer buysa ücretli tasarım işleri konusu var bunun için...

biz onca zamanımızı verip uğraşıp yardım etmeye çalışıyoruz siz kodlar çalışıyordur eminim tam test etmedim diyorsunuz....

(Çalışan kodu vermemize rağmen)

çok ilginç kolay gelsin size ben yardımımı çekiyorum.