使用jQuery在下拉列表中获取所选值.

Question

我的HTML在下面.我需要Scheduled使用<select>标签获取选定的值() .如何使用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")获取select标签,但我不知道如何获得所选选项的价值.

Answer 1

尝试:

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

或者要获取选项的文本,请使用text():

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

更多信息:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Answer 2

上述解决方案对我不起作用.这是我最终提出的:

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

Answer 3

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

这将为您提供下拉列表的文本值.您也可以使用.val()而不是.text(),具体取决于您要获得的内容.按照jQuery文档和示例的链接.

Answer 4

我已经完成了上面提供的所有答案.这是我用来从下拉列表中获取所选值的最简单方法

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