获取列表菜单的选项值与选项以后的VALUE

时间：2023-03-08 20:57:46




   <html>

   <body>

   <select id="izan" name="" onchange='izzzz()'>

  <option value="I love you!">我爱你</option>

  <option value="I like you!">我喜欢你</option>

 </select>

<script type="text/javascript"> 

function izzzz(){

var myselect=document.getElementById("izan");

var zan = myselect.selectedIndex;//selectedIndex指所选项的index

 var aaa = myselect.options[zan].value;

 var bbb = myselect.options[zan].text;

alert(bbb);

}

</script>

</body>

</html>




另外还有jquery的方法（前提是已加载jquery库）：
1:var options=$("#test option:selected");  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本
相关文章