js实现之select获取选中项的值与文本

时间:2018-10-10
本文章向大家介绍js实现之select获取选中项的值与文本,需要的朋友可以参考一下

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
<button id="my">获取</button>
</body>
<script src="jquery-2.2.2.min.js"></script>
<script>
$("#my").on("click",function () {
var textValue = $("#test option:selected");
console.log(textValue.val());//值
console.log(textValue.text());//文本
})
</script>
</html>