JQuery che recupera il testo anziché il valore della lista di selezione

Question

Ho bisogno di ottenere il valore da una lista di selezione, ma JQuery restituisce il testo all'interno delle opzioni della selezione.

Ho il seguente codice semplice.

<select id="myselect"> 
    <option selected="selected">All</option> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 

allora io uso il seguente JQuery, che ho pensato che mi avrebbe ottenere il valore

var myOption = $('#myselect').val() 

ma quando guardo myOption ricevo il testo di 'One' o 'due'?

Answer 1

aggiornamento: aggiungi val().

console.log($('#myselect').val()); 

// all option's value 
$('#myselect').find('option').each(function(){ 
    console.log($(this).text()); 
    console.log($(this).val()); 
}); 

// change event 
$('#myselect').change(function(){ 
    console.log($(this).find(':selected').text()); 
    console.log($(this).find(':selected').val()); 
}); 

demo: http://jsfiddle.net/yLj4k/3/

Answer 2

modificare

Hiya

lavorare demo qui: utilizzando il testo http://jsfiddle.net/QtjTq/3/ & & usando val qui http://jsfiddle.net/QtjTq/4/

come questo per l'accesso di testo() - var myOption = $('#myselect option:selected').text() per il valore accesso - var myOption = $('#myselect option:selected').val()

da elaborare altro:

per il valore se si desidera accedere a value= uso attributo .val();

per il testo se si vuole ottenere il testo cioè one or two quindi usare le opzioni selezionate ... option:selected con .text() api.

ulteriormente se si desidera leggere http://forum.jquery.com/topic/jquery-using-val-vs-text

Spero che questo aiuti :) applausi

var myOption = $('#myselect option:selected').text() //**or whatever suit you** 
var myOption = $('#myselect option:selected').val() 


<select id="myselect"> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
</select> 

Answer 3

per ottenere il valore di testo modo più semplice è

Per selezionata l'opzione Testo:

$("#myselect option:selected").text(); 

Per il valore opzione selezionato:

$("select#myselect").val(); 

Answer 4

Demo

$("#myselect").change(function() { 
    alert(this.options[this.selectedIndex].value); 
});