js获取select标签选中的值

时间：12-09来源：作者：点击数：

两种方式，原生js和jQuery。

使用原生js获取select标签选中值，源码如下:

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>

</head>
<body>
 <form action="#">
 <select id="test">
 <option value="1">VsCode</option>
  <option value="2">Atorm</option>
 </select>
 <input type="button" value="测试" onclick="t1()">
 </form>
 <script>
 function t1(){
   var myselect=document.getElementById("test");
  var index=myselect.selectedIndex;
  alert(myselect.options[index].value)
 }

 </script>

</body>
</html>

使用jQuery获取select标签选中值，源码如下:

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title></title>

</head>
<body>
 <form action="#">
 <select id="test">
 <option value="1">VsCode</option>
  <option value="2">Atorm</option>
 </select>
 <input type="button" value="测试" onclick="t1()">
 </form>
 <script src="jquery-1.8.0.min.js"></script>
 <script>
 function t1(){
   var options=$("#test option:selected");
   alert(options.val());//获取value
   alert(options.text());//获取文本
}
 </script>

</body>
</html>

方便获取更多学习、工作、生活信息请关注本站微信公众号 城东书院微信服务号

来顶一下

返回首页

上一篇:js立即执行函数下一篇:js方法函数的声明

高考生入学注意：这些大	【健康】纯净水、天然
14种竞赛生升学路径盘	excel后缀xls和xlsx有