使用jQuery从下拉列表（选择框）中获取所选文本

如何从jQuery的下拉列表中获取所选文本（而不是所选值）？

当前回答

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

您可以使用任何jQuery选择器来代替#selectID，例如.selectClass using class。

如本文文档中所述。

：selected选择器适用于<option>元素。它不适用于复选框或无线电输入；用途：已检查。

.text（）根据此处的文档。

获取匹配元素集合中每个元素的组合文本内容，包括其后代。

因此，您可以使用.text（）方法从任何HTML元素中获取文本。

有关详细说明，请参阅文档。

2014-01-30 14:29:42

其他回答

$（函数（）{alert（'.val（）='+$（'#selectnumber'）.val（）+'AND html（）='+$（'#selectnumber选项：selected'）.html（）+'AND.text（）=‘+$（‘#selectnumber选项：select'）.text（（））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><html xmlns=“http://www.w3.org/1999/xhtml"><head runat=“server”><title></title></head><body><form id=“form1”runat=“server”>＜div＞<select id=“selectnumber”><option value=“1”>一个</option><option value=“2”>两个</option><option value=“3”>三个</option><option value=“4”>四个</option></选择></div></form></body></html>

2016-08-09 17:01:49

在兄弟姐妹的情况下

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

2014-12-05 06:33:34

Use:

('#yourdropdownid').find(':selected').text();

2014-07-31 15:11:23

只需添加以下行

$(this).prop('selected', true);

将.att替换为.prop，它适用于所有浏览器。

2019-01-12 11:12:41

对于多选：

$("#yourdropdownid :selected").map(function(i, v) { return $.trim($(v).text()); }

2018-03-15 22:21:12

使用jQuery从下拉列表（选择框）中获取所选文本

推荐文章

最新文章

标签