网络编程
位置：首页>> 网络编程>> JavaScript>> javascript获取select值的方法完整实例

javascript获取select值的方法完整实例

作者：longzhoufeng　　发布时间：2024-04-22 12:49:18　

标签：javascript,获取select值

本文实例讲述了javascript获取select值的方法。分享给大家供大家参考，具体如下：


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>www.aspxhome.com javascript获取select值</title>
</head>
<script>
 //javascript获取选中select值
 /*
   var obj = document.getElementById("testSelect"); //定位id
   var index = obj.selectedIndex; // 选中索引
   var text = obj.options[index].text; // 选中文本
   var value = obj.options[index].value; // 选中值
 */
 //jQuery获取选中select值
 /*
   $('#testSelect option:selected').text();//选中的文本
   $('#testSelect option:selected') .val();//选中的值
   $("#testSelect ").get(0).selectedIndex;//索引
 */
 window.onload=function() {
   var oBtn=document.getElementById("oBtn1");
   var oText=document.getElementById("oText1");
   var oSelect=document.getElementById("select1");
   var index=oSelect.selectedIndex ;
   oBtn.onclick=function() {
     alert(oSelect.options[index].text);
     if(oText.value==""){
       alert("请输入内容")
     }else{
       alert(oText.value+"----"+oSelect.options[oSelect.selectedIndex].text)
     }
   }
 }
</script>
<body>
<input id="oText1" type="text" value=""/>
<input id="oBtn1" type="button" value="按钮"/>
<select id="select1">
 <option value="1">广州</option>
 <option value="2">上海</option>
 <option value="3">北京</option>
</select>
</body>
</html>

运行结果：

javascript获取select值的方法完整实例

希望本文所述对大家JavaScript程序设计有所帮助。

来源：https://blog.csdn.net/longzhoufeng/article/details/70466512

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com