码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-21 11:25:57      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:element   color   val   script   html   function   col   class   div   


   <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()); //拿到选中项的文本

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

标签:element   color   val   script   html   function   col   class   div   

原文地址:https://www.cnblogs.com/izan/p/9206807.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!