使用jQuery在下拉菜单中获取选定的值。

我的HTML如下。我需要使用 <select>标记来获取所选值（Scheduled）。这怎么可以使用jQuery来完成？使用jQuery在下拉菜单中获取选定的值。

<select id="availability" style="display: none;"> 
    <option value="Available">Available</option> 
    <option selected="selected" value="Scheduled">Scheduled</option> 
    <option value="Unavailable">Unavailable</option> 
</select>

我做了jQuery("#availability")得到选择标记，但我不知道怎么去选择的选项的价值。

来源

2010-08-18 bragboy

类似的问题 - http://stackoverflow.com/questions/1643227/jquery-get-selected-text-from-dropdownlist – JasCav 2010-08-18 15:00:27

尝试：

jQuery("#availability option:selected").val();

或者获取选项的文本，使用text()：

jQuery("#availability option:selected").text();

更多信息：

来源

2010-08-18 14:59:32 Sarfraz

我认为jQuery的可识别出被选中，即使没有指定选择选项：选择。这也可以工作：$（“＃availability”）。val（）; – 2013-05-19 21:55:40

可以试试'$（“select [id ='availability'] option：selected”）。val（）;' – KingRider 2015-10-08 14:00:15

$("#availability option:selected").text();

这会给你下拉列表的文本值。您也可以使用.val()而不是.text()，具体取决于您想要获得的内容。按照jQuery文档和示例的链接。

来源

2010-08-18 14:59:36 JasCav

我编辑了这个问题。道歉 – bragboy 2010-08-18 15:05:36

上述解决方案对我无效。以下是我终于想出了：

$("#ddl").find("option:selected").text();   // Text 
$("#ddl").find("option:selected").prop("value"); // Value

来源

2014-01-22 13:12:22 Mahdi

+1另一种方式 – SpringLearner 2014-11-13 11:51:25

$('#availability').find('option:selected').val() // For Value 
$('#availability').find('option:selected').text() // For Text 
or 
$('#availability option:selected').val() // For Value 
$('#availability option:selected').text() // For Text

来源

2015-06-23 13:53:30

欢迎来到StackOverflow！你能解释一下代码的作用吗？ – MeanGreen 2015-06-23 14:18:22

我已经通过上面提供的所有答案了。这是我用来从下拉列表中获取所选值我使用这种技术来得到所选择的下拉列表中的值

$('#searchType').val() // for the value

来源

2017-05-19 10:19:38 minura

谢谢。看起来它适用于'val（）'而不是'text（）' – Anupam 2017-06-08 10:00:45

好家伙最简单的方法，它是工作像魅力。

var methodvalue = $("#method option:selected").val();

来源

2018-01-23 06:10:06

使用jQuery在下拉菜单中获取选定的值。

回答

相关问题