Skip to content

jQuery ile Select Form Elemanını Değerine Göre Selected Yaptırma

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>
    <option value="a">A</option>
    <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[name='sec'] option:selected").removeAttr("selected");
    $("select[name='sec'] option[value='"+value+"']").attr("selected", "selected");
}

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

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!