jQuery $ .value na select> opcji, gdzie nie ma atrybut wartość

Question

Biorąc pod uwagę ten kod HTML:

<select id="menu"> 
    <option>hi</option> 
    <option>bye</option> 
</select> 

Ten kod jQuery:

$("#menu option").first().attr("value") 

powraca hi, choć nie ma value atrybut na pierwszej opcji w menu.

Jeśli atrybut <option> ma atrybut value, atrybut value jest zwracany zgodnie z oczekiwaniami.

Jak mogę uzyskać wartość zwracaną powyższego kodu to undefined/coś innego, co mogę zidentyfikować? Czy mogę sprawdzić, czy jest ustawiony atrybut value i uruchomić tylko powyższy kod, jeśli tak nie jest?

Answer 1

użyć selektora :not([attr]):

$("#menu option:not([value])"); 

http://jsfiddle.net/userdude/NQm54/

ja także zweryfikowane że po zmienia, [value] nadal zgłasza się jako nieustawiona, więc nadal otrzymujesz te same dwa elementy bez value atrybut.

$('#menu').change(function(){ 
    console.log($(this).val()); 
    console.log($("#menu option:not([value])")); 
}); 

http://jsfiddle.net/userdude/NQm54/2/

Answer 2

Wartość domyślnie przyjmuje wartość tekstową, jeśli atrybut wartości nie jest ustawiony. Po prostu ustaw wartość atrybutu na jakąś wartość, abyś mógł ją zidentyfikować, np. ciąg pusty, jak pokazano poniżej

<select id="menu"> 
    <option value="">hi</option> 
    <option>bye</option> 
</select> 

Wtedy ten $("#menu option").first().attr("value") zwróci pusty ciąg

Answer 3

var option = document.getElementById("menu").options[0]; 
if (option.getAttribute("value") !== null) { 
console.log("Has value: " + option.value); 
} 
else { 
console.log("Doesn't have a value."); 
} 

Answer 4

$("#menu option:eq(0)").not("[value]").length == 1 

Answer 5

Użyj tego $("option:selected", $("#menu")).attr("value");

Jeśli wybrana opcja nie ma żadnego atrybutu value, niezdefiniowana zostaną zwrócone, które można uchwycić poprzez foo!