it-swarm.com.de

jQuery holt den ausgewählten Optionswert (nicht den Text, sondern das Attribut 'value')

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, dass der Wert der Option ausgewählt wird. __ Beispiel:. __ 'Option 2' ist ausgewählt und der Wert davon ist '2' Die '2' ist der Wert, den ich erhalten muss, und nicht 'Option 2'.

136
n00b

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

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

Ich wollte nur meine Erfahrungen teilen

Für mich,

$('#selectorId').val()

null zurückgegeben.

Ich musste verwenden

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

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

jsFiddle-Beispiel

.val() erhält den Wert.

22
j08691

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

8
Marcus

sie können jquery wie folgt verwenden

SKRIPT

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

FIDDLE ist hier

4
Usman

Versuche dies:

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

oder

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

Eine meiner Optionen hatte keinen Wert: <option>-----</option>. Ich habe versucht, if (!$(this).val()) { .. } zu verwenden, erhielt aber merkwürdige Ergebnisse. Stellt sich heraus, dass Sie kein value-Attribut für Ihr <option>-Element haben, gibt es den darin enthaltenen Text anstelle einer leeren Zeichenfolge zurück. Wenn Sie nicht möchten, dass val() etwas für Ihre Option zurückgibt, fügen Sie value="" hinzu.

2
Gavin

Für eine Auswahl wie diese

<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>

... Sie können die ID auf folgende Weise erhalten:

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

Oder Sie können stattdessen Wert verwenden und den einfachen Weg bekommen ...

<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>

so was:

$('#list-name').val();
2
Geziel Carvalho

Schau dir das Beispiel an:

    <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>
0
user2962280
 $(document ).ready(function() {
    $('select[name=selectorname]').change(function() { 
     alert($(this).val());});
 });
0
Turan Zamanlı

dieser Code funktioniert sehr gut für mich: Dies gibt den Wert der ausgewählten Option ..__ zurück. $ ('# select_id'). find ('option: selected'). val ();

0
a.miadian
$('#selectorID').val();

ODER

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

ODER

$('.class_nam').val();
0
Saddam Khan