2012-09-27 6 views
35

Powiel możliwe:
Getting the value of the selected option tag in a select boxuzyskać wartość wybierz i tekst w jQuery

dla wybranej skrzynki, w jaki sposób mogę uzyskać wartość i tekstu wybranego elementu w jQuery?

Na przykład

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

Co wypróbowaniu – Gautam3164

+6

ten nie powinien być oznaczone jako duplikat. prawdopodobny duplikat zapytał, jak uzyskać wartość, mimo że ten pytający miał na myśli tekst - ten post prawidłowo zadaje pytanie, jak uzyskać tekst wyboru - podniosłem to pytanie i przerzuciłem drugie podczas wyszukiwania - więc oznaczenie tego duplikatu jest nie były pomocne, mimo że otrzymane odpowiedzi były takie same, ponieważ pytania nie były takie same. szybka do oceny! = pomocna – user1783229

Odpowiedz

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

wybrana wartość nie potrzebuje opcji: wybrany selektor. $ (# ddlViewBy) .val() samo w sobie jest wystarczające –

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

na podstawie swojej jedynej jQuery tagu :)

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> 

Dla tekstu -

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

Dla wartości -

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

Można zrobić tak, aby uzyskać aktualnie wybraną wartość:

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

& aby uzyskać aktualnie zaznaczonego tekstu:

$('#myDropdownID:selected').text(); 
Powiązane problemy