jQuery $ .value su Seleziona> opzione in cui non v'è alcun attributo value

Question

Dato questo codice HTML:

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

Questo codice jQuery:

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

rendimenti hi, anche se non v'è alcun attributo value sulla prima opzione nel menu.

Se lo <option> ha un attributo value, l'attributo value viene restituito, come previsto.

Come posso avere il valore restituito del codice precedente essere undefined/qualcos'altro che posso identificare? O posso controllare se l'attributo value è impostato, e solo eseguire il codice sopra se non lo è?

Answer 1

Utilizzare il selettore :not([attr]):

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

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

ho anche verificato che dopo aver cambiato, la [value] riporta ancora come non impostato, quindi continui a ricevere gli stessi due elementi senza il 01 Attributo.

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

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

Answer 2

Il valore è impostato per default sul valore di testo se l'attributo valore non è impostato. Basta impostare il valore dell'attributo per un valore in modo da poterlo identificare, ad es. una stringa vuota come mostrato sotto

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

Allora questo $("#menu option").first().attr("value") restituirà una stringa vuota

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

Utilizzare questa $("option:selected", $("#menu")).attr("value");

Se l'opzione selezionata non ha alcun attributo value, non definito verrà restituito il quale è possibile catturare attraverso! Foo