jQuery erhalten Optionswert ausgewählt (nicht der Text, sondern das Attribut 'value')

Question

Okay, ich habe diesen Code:

<select name="selector" id="selector"> 
<option value="1">Option 1</option> 
<option value="2">Option 2</option> 
</select> 

Und ich möchte den Wert der Option erhalten. Beispiel: 'Option 2' ist ausgewählt und der Wert ist '2'. Die '2' ist der Wert, den ich bekommen muss und nicht 'Option 2'.

Answer 1

Verwenden Sie .val, um den Wert der ausgewählten Option abzurufen. Siehe unten,

$('select[name=selector]').val() 

Answer 2

Sie müssen eine ID zu Ihrer Auswahl hinzufügen. Dann:
$('#selectorID').val()

Answer 3

$('select').change(function() { 
    console.log($(this).val()) 
});​ 

jsFiddle example

.val() den Wert erhalten.

Answer 4

Sie können jquery wie folgt verwenden

SCRIPT

$('#IDOfyourdropdown').change(function(){ 
    alert($(this).val()); 
    }); 

FIDDLE ist here

Answer 5

Blick auf das Beispiel:

<select class="element select small" id="account_name" name="account_name"> 

     <option value="" selected="selected">Please Select</option>   
     <option value="paypal" >Paypal</option> 
     <option value="webmoney" >Webmoney</option> 

    </select> 

<script type="text/javascript"> 

     $(document).ready(function(){ 
      $('#account_name').change(function(){ 
       alert($(this).val());               
      }); 
     }); 
</script> 

Answer 6

Ich wollte nur meine Erfah teilen Erfahrung und mein Ruf sind nicht genug, um etwas zu sagen.

Für mich

$('#selectorId').val()

zurück null.

Ich hatte

$('#selectorId option:selected').val()

Answer 7

Für eine ausgewählte ähnliche

<select class="btn btn-info pull-right" id="list-name" style="width: auto;"> 
    <option id="0">CHOOSE AN OPTION</option> 
    <option id="127">John Doe</option> 
    <option id="129" selected>Jane Doe</option> 

verwenden ... Sie die ID auf diese Weise erhalten können:

$('#list-name option:selected').attr('id'); 

Oder Sie können Nutzen Sie stattdessen den Wert und erhalten Sie den einfachen Weg ...

<select class="btn btn-info pull-right" id="list-name" style="width: auto;"> 
    <option value="0">CHOOSE AN OPTION</option> 
    <option value="127">John Doe</option> 
    <option value="129" selected>Jane Doe</option> 

wie folgt aus:

$('#list-name').val(); 

Answer 8

Einer meiner Optionen keinen Wert hatte: <option>-----</option>. Ich habe versucht, if (!$(this).val()) { .. } zu verwenden, aber ich bekam seltsame Ergebnisse. Stellt sich heraus, wenn Sie kein value Attribut auf Ihrem <option> Element haben, gibt es den Text innerhalb von es statt einer leeren Zeichenfolge zurück. Wenn Sie nicht möchten, dass val() irgendetwas für Ihre Option zurückgibt, fügen Sie value="" hinzu.

Answer 9

Versuchen Sie folgendes:

$(document).ready(function(){ 
    var data= $('select').find('option:selected').val(); 
}); 

oder

var data= $('select').find('option:selected').text(); 

Answer 10

$('#selectorID').val(); 

ODER

$('select[name=selector]').val(); 

OR

$('.class_nam').val(); 

Answer 11

dieser Code Arbeit sehr gut für mich: dies den Wert der gewählten Option zurückzukehren. $ ('# select_id'). Find ('option: selected'). Val();