JavaScript获取select值，文本

最新推荐文章于 2024-05-03 13:26:42 发布

ChinaLzw

最新推荐文章于 2024-05-03 13:26:42 发布

阅读量998

点赞数

分类专栏： javascript

本文为博主原创文章，只为分享而编，欢迎各位学习以及转载。

本文链接：https://blog.csdn.net/qq285679784/article/details/78223602

版权

javascript 专栏收录该内容

125 篇文章 2 订阅

订阅专栏

HTML CODE：

<!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
 $("#btn").click(function(){
   //原生JS获取
   var t = document.getElementById("select");
   alert("js value：" + t.options[t.selectedIndex].value); //获取value
   alert("js text：" + t.options[t.selectedIndex].text);  //获取text

   //jQuery获取
   alert("jquery val："+$("#select").val());//选中项值-方式一
   //alert("jquery val："+$("#select option:selected").val());//选中项值-方式二
   alert("jquery text："+$("#select option:selected").text());//选中项文本
   //alert("jquery index："+$("#select option:selected").index());//选中项索引

 });});
</script>
</head>
<body>
<select id="select">
<option value="1">第一项</option>
<option value="2">第二项</option>
<option value="3">第三项</option>
</select>
<br/><br/>
<div id="btn" style="font-size:13px;color:red;cursor:pointer;">点击我读取下拉框选中信息</div>
</body>
</html>

在线演示将以上代码复制粘贴到代码块中，点击提交代码，即可查询演示结果