首页 > 程序开发 > web前端 > JavaScript >

js获取select标签选中值的方法教程

2018-07-27

js获取select标签选中值的方法教程。一:javascript原生的方法:1:拿到select对象: var myselect=document getElementById( "test ");2:拿到选中项的索引:var index=myselect selectedIndex; selectedIndex代表的是你所选中项的index

js获取select标签选中值的方法教程

<select id="test"  name="">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

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

相关文章
最新文章
热点推荐