如何从jQuery 的下拉列表中获取选定的文本(而不是选定的值)?
如何从jQuery 的下拉列表中获取选定的文本(而不是选定的值)?
Answers:
$("#yourdropdownid option:selected").text();
$("#yourdropdownid").children("option").filter(":selected").text()
因为is()返回对象是否与选择器匹配的布尔值。
is("selected").text()
返回TypeError: Object false has no method 'text'
$('select').children(':selected')
是最快的方法:jsperf.com/get-selected-option-text
尝试这个:
$("#myselect :selected").text();
对于ASP.NET下拉列表,可以使用以下选择器:
$("[id*='MyDropDownId'] :selected")
("#ct0001yourdropdownid)
ID
控件放在控件上,如果不是,则基于它们在树的当前层中的位置的索引等)。 )
例如,此处发布的答案,
$('#yourdropdownid option:selected').text();
不适用于我,但这确实:
$('#yourdropdownid').find('option:selected').text();
它可能是jQuery的旧版本。
如果您已经在变量中提供了下拉列表,那么这对我有效:
$("option:selected", myVar).text()
这个问题的其他答案对我有帮助,但是最终选择的jQuery论坛线程$(this +“ option:selected”)。attr(“ rel”)选项在IE中的作用最大。
更新:修复了上面的链接
$("#dropdownID").change(function(){
alert($('option:selected', $(this)).text());
});
$(this)
ajax通话之后的结果
用这个
const select = document.getElementById("yourSelectId");
const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;
然后,您在selectedValue
和中获得所选的值和文本selectedText
。
对于那些正在使用SharePoint列表并且不想使用生成的长ID的用户,这将起作用:
var e = $('select[title="IntenalFieldName"] option:selected').text();
选择文本并在jQuery中的下拉/选择更改事件上选择值
$("#yourdropdownid").change(function() {
console.log($("option:selected", this).text()); //text
console.log($(this).val()); //value
})
只需尝试以下代码。
var text= $('#yourslectbox').find(":selected").text();
它返回所选选项的文本。
var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;
var div = e.options[e.selectedIndex].text;
,它仅显示第一个选项。如何显示每个项目?
这项工作对我来说:
$("#city :selected").text();
我正在使用jQuery 1.10.2
在同级情况下
<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()
$(function () {
alert('.val() = ' + $('#selectnumber').val() + ' AND html() = ' + $('#selectnumber option:selected').html() + ' AND .text() = ' + $('#selectnumber option:selected').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">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
</div>
</form>
</body>
</html>
尝试:
$var = jQuery("#dropdownid option:selected").val();
alert ($var);
或者,要获取选项的文本,请使用text()
:
$var = jQuery("#dropdownid option:selected").text();
alert ($var);
更多信息: