Reklam
jQuery ile Selectbox’daki Option’ı Seçtirme

jQuery ile Selectbox’daki Option’ı Seçtirme

Merhaba arkadaşlar,

Bir <select> form elemanınızın olduğunu düşünün ve bu elemandaki bir değeri linke vb. tıkladığınız zaman seçili hale getirmek istiyorsunuz. Bunu jquery ile basit bir şekilde yapabildiğimizi gördüm. Üzerinde uğraştığım bir projede ihtiyaç duydum, araştırdım ve buldum. Öncelikle olmazsa olmazımız olan jQuery kütüphanesinin sayfanızda yüklenmiş olması gerekiyor. jQuery’yi buraya tıklayarak edinebilirsiniz. Şimdi bir örnek select form oluşturalım:

<select name="sec"> <option selected="selected" value="varsayilan">Lütfen seçim yapın</option></select>
<select name="sec"> <option value="a">A</option></select>
<select name="sec"> <option value="b">B</option></select>

<!-- Şimdi A linkine tıklayınca value="a" olanı seçtirmek için gerekli linkleri hazırlayalım -->
<a onclick="sectir('a')" href="#">A</a>
<a onclick="sectir('b')" href="#">B</a

Şimdi burada kullandığımız sectir() fonksiyonunu hazırlayalım. Bu fonksiyonda yaptığımız iş çok basit. Öncelikle selected=”selected” parametrelerini bulup siliyoruz. Daha value değerini girdiğimiz option’a selected=”selected” parametresini ekliyoruz. Aşağıda fonksiyonumuz:

function sectir(value){
    $("select#sec option[selected]").removeAttr("selected");
    $("select#sec option[value='"+value+"']").attr("selected", "selected");
}

Kullanımı hakkında bilgi sahibi olmuşsunuzdur. Faydalı olmuştur umarım,Kolay gelsin,


1 Yorum
  1. Orhan 2 seneönce
    Cevapla

    Eyvallah sağolasın.

Yorum Yapın

Eposta adresiniz görünmeyecektir.

iki × 5 =