İçinde bazı seçenekler olan bir seç
alanım var. Şimdi jQuery ile bu seçeneklerden
birini seçmem gerekiyor. Ancak seçilmesi gereken seçeneğin
sadece değerini
bildiğimde bunu nasıl yapabilirim?
Aşağıdaki HTML'ye sahibim:
<div class="id_100">
<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
</select>
</div>
Değeri val2
olan seçeneği seçmem gerekiyor. Bu nasıl yapılabilir?
İşte bir demo sayfası:
Önce tümünün seçimini kaldırın ve seçilebilir seçenekleri filtreleyin:
$('.id_100 option')
.removeAttr('selected')
.filter('[value=val1]')
.attr('selected', true)
Öznitelik seçici [attributename=optionalvalue]
kullanarak herhangi bir özniteliği ve değerini seçebilirsiniz, bu nedenle sizin durumunuzda seçeneği seçebilir ve seçilen özniteliği ayarlayabilirsiniz.
$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);
Burada değer
seçmek istediğiniz değerdir.
Önceden seçilen değerleri kaldırmanız gerekiyorsa, bu birden çok kez kullanıldığında olduğu gibi, önce seçilen niteliği kaldıracak şekilde biraz değiştirmeniz gerekir
$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
.prop("selected",true);