前端设计

jquery获取select选中的值

2019-09-12

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