Użyj jQuery, aby ustawić wartość pola wyboru na pierwszą opcję

Question

Dynamicznie zapełniam pole wyboru opcjami. Kiedy to zrobię, chcę, aby wartość pola wyboru była wartością pierwszej opcji ("opcja domyślna", jeśli chcesz). Brzmi naprawdę prosto, ale po prostu nie mogę go uruchomić.

var myElement = $('select[name="myName"]'); 

.... próbowałem następujące trzy warianty

// myElement.find('option').first().prop('selected', 'selected'); 
// myElement.val(myElement.find('options').first().val()); 
myElement.prop('selectedIndex', 0); 

... ale daje się następujący wiersz pusty alert

alert(myElement.val()); 

Gdzie jestem będzie niewłaściwy?

Answer 1

opcje powinny być opcja

myElement.find('option:eq(0)').prop('selected', true); 

Można użyj selektora eq na op Aby wybrać pierwszą opcję.

Jeśli znasz wartość pierwszej opcji. Wtedy możesz po prostu wykonać jedną próbę, która powinna działać, chyba że nie dzwonisz we właściwym miejscu. to znaczy; oczekiwanie na odpowiedź ajaxową.

Spróbuj zadzwonić że wewnątrz done lub success (przestarzałe) obsługi

Answer 2

Prawie got it, upuść 's' w 'Opcje':

myElement.val(myElement.find('option').first().val()); 

Working jsFiddle

Answer 3

Można też wykorzystać następny kod:

myElement[0].selectedIndex = 0; 

to get elementu DOM (nie jQuery object), współpracuje z wanilii JavaScript i używa go do ustawienia pierwszej opcji jako wybranej na podstawie jej indeksu.

Answer 4

Jeśli chcesz mieć pewność, że opcja ma wartość i nie jest symbolem zastępczym można zrobić:

$('select option').filter(function (index, option) { 
    return option.attributes.value 
}).val() 

ten sposób będziesz sprawdzić czy węzeł ma atrybut value HTML i nie jest pusty.