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

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

当前回答

$（“#DropDownID”）.val（）将给出选定的索引值。

2011-11-14 09:22:21

其他回答

使用此

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;

然后在selectedValue和selectedText中获取所选值和文本。

2015-05-14 14:21:49

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

2014-02-01 05:55:09

对于多选：

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

2018-03-15 22:21:12

如果要将结果作为列表，请使用：

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

2017-01-18 21:56:31

$（函数（）{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

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

推荐文章

最新文章

标签