jquery-logo

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:

<script type="text/javascript">// <![CDATA[
function sectir(value){
 $("select#sec option[selected]").removeAttr("selected");
 $("select#sec option[value='"+value+"']").attr("selected", "selected");
}
// ]]></script>

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

Post Author: Oral ÜNAL

Web geliştirmeyi başta meslek olarak hayal eden fakat daha sonra bir hobi haline getiren birisiyim işte.

jQuery ile Selectbox’daki Option’ı Seçtirme” için bir yorum

  • Orhan

    (24 Şubat 2015 - 18:43)

    Eyvallah sağolasın.

Yorum yazma sırası sizde!