HTML JavaScript 获取表单控件选项菜单 select 中option 选中的 value 值

JavaScript 在日常编辑中经常使用,它的便利、互动性非常高。可以在无提交的状态下获取页面相关的值,下面来看看如何获取表单控件选项菜单 select 中option 选中的 value 值。

有两种方法,分别是 javascript 原生方法和 jquery 方法,代码如下:

html代码:
<select id="test"  name="">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>
 
JS代码
一:javascript原生的方法
 
  1:拿到select对象: var  myselect=document.getElementById("test");
 
  2:拿到选中项的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是你所选中项的index
 
  3:拿到选中项options的value:  myselect.options[index].value;
 
  4:拿到选中项options的text:  myselect.options[index].text;
 
二:jquery方法(前提是已经加载了jquery库)
 
1:var options=$("#test option:selected");  //获取选中的项
 
2:alert(options.val());   //拿到选中项的值
 
3:alert(options.text());   //拿到选中项的文本

如果你发现错误或有其他见解,请给 www.zhuei.cn 留言,我们会尽快更新本文!

发表评论

邮箱地址不会被公开。 必填项已用*标注