如何从jQuery的下拉列表中获取所选文本(而不是所选值)?
当前回答
$(“#DropDownID”).val()将给出选定的索引值。
其他回答
$("#yourdropdownid option:selected").text();
$("#selectID option:selected").text();
您可以使用任何jQuery选择器来代替#selectID,例如.selectClass using class。
如本文文档中所述。
:selected选择器适用于<option>元素。它不适用于复选框或无线电输入;用途:已检查。
.text()根据此处的文档。
获取匹配元素集合中每个元素的组合文本内容,包括其后代。
因此,您可以使用.text()方法从任何HTML元素中获取文本。
有关详细说明,请参阅文档。
$("#dropdownid").change(function(el) {
console.log(el.value);
});
或者你可以用这个
$("#dropdownid").change(function() {
console.log($(this).val());
});
在jQuery中的下拉列表/选择更改事件上选择文本和所选值
$("#yourdropdownid").change(function() {
console.log($("option:selected", this).text()); //text
console.log($(this).val()); //value
})
只需添加以下行
$(this).prop('selected', true);
将.att替换为.prop,它适用于所有浏览器。
推荐文章
- 使用jQuery改变输入字段的类型
- 在JavaScript中,什么相当于Java的Thread.sleep() ?
- 使用jQuery以像素为整数填充或边距值
- 检查是否选择了jQuery选项,如果没有选择默认值
- Next.js React应用中没有定义Window
- 如何重置笑话模拟函数调用计数之前,每次测试
- 如何强制一个功能React组件渲染?
- 在javascript中从平面数组构建树数组
- 将Dropzone.js与其他字段集成到现有的HTML表单中
- 如何在AngularJS中观察路由变化?
- JavaScript DOM删除元素
- 将dd-mm-yyyy字符串转换为日期
- Javascript复选框onChange
- Javascript函数前导bang !语法
- 如何在页面上遍历所有DOM元素?