JQuery 如何获取select选中的值

Posted 学习靠自己

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery 如何获取select选中的值相关的知识,希望对你有一定的参考价值。

一、html代码

<select id="ddl">
<option value="100" emoney="12" >选项1</option>
<option value="200" emoney="13" >选项2</option>
<option value="300" emoney="14" >选项3</option>
</select>

 

二、js代码

//获取属性emoney的值
var iteValue = $("#ddl").find("option:selected").attr("emoney");
console.log(‘emoney的值:‘ + iteValue);
//获取选中项的value
var itemValue1 = $("#ddl").val();
console.log(‘Value:‘ + itemValue1);
//获取选中项的文本值
var itemText = $("#ddl option:selected").text();
console.log(‘Text:‘ + itemText);
//获取选中项的文本值
var itemText1 = $("#ddl").find("option:selected").text();
console.log(‘Text:‘ + itemText1);

以上是关于JQuery 如何获取select选中的值的主要内容,如果未能解决你的问题,请参考以下文章

Jquery怎么获取select选中项 自定义属性的值

如何取HTML中的select中的值

如何获取select里面的option的值

如何使用 jQuery 获取选择选项的标签?

如何使select2插件下拉框多选并获取选中的值

怎样用JQuery来获取select选中的value