JQuery kullanarak bir Açılır Liste'nin seçilen dizinini ayarlama

Denetimi bulma biçimim aşağıdaki gibi ise, jQuery'de bir açılır listenin dizinini nasıl ayarlarım:

$("*[id$='" + originalId + "']") 

Bu şekilde kontroller dinamik olarak oluşturduğum ve Web Formları kullanılırken kimlikleri değiştirildiğinden, bunu bana bazı denetimleri bulmak için bir çözüm olarak buldum. Ama bir kez jQuery nesnesi var, ben seçili dizini 0 (sıfır) ayarlamak için nasıl bilmiyorum.

Her şeyden önce - bu seçici oldukça yavaş. Kimlikleri arayan her DOM öğesini tarar. Öğeye bir sınıf atayabiliyorsanız performans isabeti azalır.

$(".myselect")

Sorunuzu yanıtlamak için, jQuery'deki seçme öğeleri değerini değiştirmenin birkaç yolu vardır

// sets selected index of a select box to the option with the value "0"
$("select#elem").val('0'); 

// sets selected index of a select box to the option with the value ""
$("select#elem").val(''); 

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

// sets selected index to first item using jQuery (can work on multiple elements)
$("select#elem").prop('selectedIndex', 0);

Sadece buldum, benim için çalışıyor ve ben şahsen okumayı daha kolay buluyorum.

Bu, gerçek dizini tıpkı gnarf'ın cevap numarası 3 seçeneği gibi ayarlayacaktır.

// sets selected index of a select box the actual index of 0 
$("select#elem").attr('selectedIndex', 0);

Bu işe yaramadı ama şimdi ... hataya bakın: http://dev.jquery.com/ticket/1474

ek

Yorumlarda önerildiği gibi şunları kullanın:

$("select#elem").prop('selectedIndex', 0);

Bu cevabı 2015 yılında yazıyorum ve bir nedenden dolayı (muhtemelen jQuery'nin eski sürümleri) diğer cevapların hiçbiri benim için çalışmadı. Yani, seçilen dizini değiştirirler, ancak gerçek açılır listeyi yansıtmazlar.

Dizini değiştirmenin ve aslında açılır listeye yansıtmasını sağlamanın başka bir yolu:

$('#mydropdown').val('first').change();

kullanıyorum

$('#elem').val('xyz');

= 'xyz' değerine sahip seçenek öğesini seçmek için

JQuery kodu:

$("#sel_status").prop('selectedIndex',1);

Jsp Kodu:

Status:
<select name="sel_status"
    id="sel_status">
    <option value="1">-Status-</option>
    <option>ALL</option>
    <option>SENT</option>
    <option>RECEIVED</option>
    <option>DEACTIVE</option>
</select>

Select öğesindeki ilk seçeneğin değerini almak istiyorsunuz.

$("*[id$='" + originalId + "']").val($("*[id$='" + originalId + "'] option:first").attr('value'));

2. seçeneği seçmek için

$('#your-select-box-id :nth-child(2)').prop('selected', true);

Burada olayı ateşlemek için tetikleyici ('değişiklik') ekliyoruz.

$('#your-select-box-id :nth-child(2)').prop('selected', true).trigger('change');

$("[id$='" + originalId + "']").val("0 index value");

0 olarak ayarlayacak

4. seçeneği seçin

$('#select').val($('#select option').eq(3).val());

jsfiddle örneği