JS中如何获取select选中的值


例子:
<select id="select">
<option value="A" url="http://www.baidu.com">第一个
option</option>
<option value="B" url="http://www.qq.com">第二个
option</option>
</select>

方法一:JavaScript原生方法

1.拿到select对象:var myselect=document.getElementById("select");

2.拿到选中项的索引:var index =myselect.selectedIndex;//selectedIndex代表的是你所选中项的 index

3.拿到选中项option的value:myselect.option[index].value;

4.拿到选中项option的text:myselect.option[index].text;

5.拿到选中项的其他值,例如其中的url:没有select.options [index].getAttribute('url');

方法二:jQuery方法
1.var options=$("#select option:selected");//获取选中的项
2.alert(options.val());//展示选中项的值
3.alert(options.text());//展示选中项的文本
4.alert(options.attr('url'));//展示选中项的url值


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM