有一id=test的下拉框,怎么拿到选中的那个值呢?本文将采用javascript原生的方法及jquery方法(前提是已经加载了jquery库)来简单实现下
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
一: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()); //拿到选中项的文本
分别使用javascript原生的方法和jquery方法
复制代码代码如下:
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
<option value="3">脚本学堂</option>
</select>
<option value="1">text1</option>
<option value="2">text2</option>
<option value="3">脚本学堂</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()); //拿到选中项的文本
相关推荐
基于jquery 拖动sliders滑块改变Select下拉框的值.zip
如何获取select下拉框的值: 1.下拉框的option没有value属性时 代码如下: <select id=”param1″> 学号</option> 姓名</option> 年龄</option> </seclect> [removed] [removed] = funciton(){ var param = ...
jQuery select下拉框美化代码基于jquery.1.10.2.min.js制作,点击下拉框,显示下拉框内容。
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
html中默认的select太丑了,使用jquery+html自定义下拉框。样式随心所欲。
原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击下拉菜单选 原生js text文本框模拟select下拉框美化点击...
本文实例讲述了JavaScript实现获取select下拉框中第一个值的方法。分享给大家供大家参考,具体如下: 1、说明 获取select下拉框中的第一个值 2、实现源码 <!DOCTYPE ...
jQuery多级联动美化版Select下拉框插件.zip
jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件,jQuery select下拉框菜单选中插件
一组经过美化的jQuery select下拉框单选和多选插件,带搜索功能,模拟select下拉框多选菜单选择效果。
但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了浏览器默认的Select下拉框样式,而且在下拉菜单展开时还伴随淡如淡出的动画效果,非常不错。当然我们以前也分享过一些类似的插件,可以...
jquery获取当前选中下拉框的各个属性
jquery.selectlist.js下拉框美化插件是一款绿色清新风格简单的表单select下拉框美化特效,让下拉框看起来更加漂亮,不再单调。
js 操作select 下拉框js 操作select 下拉框
EXTJS 选下拉框,并取得下拉框的值,直接可以打开