时间:2021-04-16
现在有一id=test的下拉框,怎么拿到选中的那个值呢?
分别使用javascript原生的方法和jquery方法
<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()); //拿到选中项的文本
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一、获取下拉列表选中项的值和文本(select)代码select.htm示例如下:复制代码代码如下:获取下拉列表选中项的值和文本(select)//获取下拉列表
1.获取选中项:复制代码代码如下:获取选中项的Value值:$('select#seloption:selected').val();或者$('select#s
获取select选中的值:$("#selDepUnit").children('option:selected').val();Ajax动态为select赋值:
1.获取选中项:获取选中项的Value值:复制代码代码如下:$('select#seloption:selected').val();或者复制代码代码如下:$(
JQuery获取和设置Select选项获取Select:获取select选中的text:$(“#ddlRegType”).find(“option:select