[]
HTML select - seçili olan üstte
option - select metodunda, o an seçili olan seçenek en üstte yer alsın istiyorum.
Örneğin, seçeneklerinde "Açık" ve "Kapalı" varsa ve o an "Kapalı" aktif durumdaysa, en üstte "Kapalı" bulunsun. Nasıl yapabilirim?
Örneğin, seçeneklerinde "Açık" ve "Kapalı" varsa ve o an "Kapalı" aktif durumdaysa, en üstte "Kapalı" bulunsun. Nasıl yapabilirim?
Jquery kullanıyosan şöyle yapacaksın.
$("#select").change(function(){
var seciliIcerik = $("#select option:selected");
$("#select option:selected").remove();
$("#select").prepend(seciliIcerik);
});
Seçili option'u alıyoruz. ve bi tarafa kaydediyoruz. sonra silip(remove) select'in en başına ekliyoruz(prepend)
bunu da selected her değiştiğinde yapıyoruz(change function)
$("#select").change(function(){
var seciliIcerik = $("#select option:selected");
$("#select option:selected").remove();
$("#select").prepend(seciliIcerik);
});
Seçili option'u alıyoruz. ve bi tarafa kaydediyoruz. sonra silip(remove) select'in en başına ekliyoruz(prepend)
bunu da selected her değiştiğinde yapıyoruz(change function)
- serafettinn (23.05.12 09:24:59 ~ 11:16:54)
var select = document.getElementById("select");
select.addEventListener("change", function(){
var o = this.options[this.selectedIndex];
this.removeChild(o);
this.insertBefore(o, this.options[0]);
}, true);
jsfiddle.net
select.addEventListener("change", function(){
var o = this.options[this.selectedIndex];
this.removeChild(o);
this.insertBefore(o, this.options[0]);
}, true);
jsfiddle.net
- ocanal (23.05.12 10:00:52 ~ 10:01:16)
1