Get

2012-09-27 15 views
35

Mögliche Duplizieren:
Getting the value of the selected option tag in a select boxGet

Für eine SELECT-Box, wie kann ich den Wert und Text des ausgewählten Elements in jQuery bekommen?

Zum Beispiel

<option value="value">text</option> 
+0

Was Sie versucht haben, – Gautam3164

+6

sollte dies nicht doppelt markiert sein. das mögliche Duplikat fragte, wie man Wert bekommt, obwohl dieser Fragesteller Text meinte - dieser Beitrag stellt richtig die Frage, wie man den Text eines Auserwählten bekommt - ich zog diese Frage heran und übertrug die andere während einer Suche - so markiert man ein Duplikat nicht hilfreich, obwohl die resultierenden Antworten die gleichen waren, weil die Fragen nicht beantwortet wurden. schnell zu urteilen! = hilfreich – user1783229

Antwort

85
<select id="ddlViewBy"> 
    <option value="value">text</option> 
</select> 

JQuery

var txt = $("#ddlViewBy option:selected").text(); 
var val = $("#ddlViewBy option:selected").val(); 

JS Fiddle DEMO

+1

ausgewählter Wert benötigt keine Option: Selektierter Selektor. $ (# ddlViewBy) .val() allein reicht aus –

8
$('select').val() // Get's the value 

$('select option:selected').val() ; // Get's the value 

$('select').find('option:selected').val() ; // Get's the value 

$('select option:selected').text() // Gets you the text of the selected option 

Check FIDDLE

4

auf der Grundlage Ihrer nur jQuery Tag :)

HTML

<select id="my-select"> 
<option value="1">This is text 1</option> 
<option value="2">This is text 2</option> 
<option value="3">This is text 3</option> 
</select> 

Für Text -

$(document).ready(function() { 
    $("#my-select").change(function() { 
     alert($('#my-select option:selected').html()); 
    }); 
}); 

Für Wert -

$(document).ready(function() { 
    $("#my-select").change(function() { 
     alert($(this).val()); 
    }); 
}); 
12
$("#yourdropdownid option:selected").text(); // selected option text 
$("#yourdropdownid").val(); // selected option value 
6

Sie können wie folgt tun, die aktuell ausgewählte Wert zu erhalten:

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

& den aktuell ausgewählten Text erhalten:

$('#myDropdownID:selected').text();