在jQuery中获取SELECT的值和文本

可能重复：
在select框中获取所选选项标记的值

对于SELECT框，如何获取jQuery中选定项的值和文本？

例如，

<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小提琴演示

Answer 2

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

Answer 3

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

检查FIDDLE

Answer 4

你可以这样做，得到当前选定的值：

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

获取当前选中的文本：

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

Answer 5

基于你唯一的jQuery标签:)

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> 

对于文本 –

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

对于价值 –

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