Nhận giá trị và văn bản CHỌN trong jQuery

Question

thể trùng lặp:
Getting the value of the selected option tag in a select box

Đối với một hộp SELECT, làm thế nào để có được giá trị và nội dung của mục đã chọn trong jQuery?

Ví dụ,

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

Answer 1

<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

Answer 2

$('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

Answer 3

trên cơ sở của bạn chỉ jQuery thẻ :)

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> 

Đối với văn bản -

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

Đối với giá trị -

$(document).ready(function() { 
    $("#my-select").change(function() { 
     alert($(this).val()); 
    }); 
}); 

Answer 4

$("#yourdropdownid option:selected").text(); // selected option text 
$("#yourdropdownid").val(); // selected option value 

Answer 5

Bạn có thể làm như thế này, để có được những giá trị đang được chọn:

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

& để có được những văn bản đang được chọn:

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