如何获取select 选中的option的值

Posted 2023-05-06

参考技术A document.getElementById("sect").value -----这是获得选中的值
document.getElementById("sect").options------这是获得select中所有的值，是个数组 参考技术B 使用jq
$("select option:selected").attr("id");
$("select option:selected").val();本回答被提问者采纳

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);