如何获取下拉列表选中的值

如何获取下拉列表选中的值,第1张

<!doctype html><html><head><!--获得下拉列表中的选中值--><style></style><script>function test(){var tes=documentgetElementById("tes");//获取select元素alert(tesoptions["内容值:"+tesselectedIndex]innerHTML+"元素值"+tesoptions[tesselectedIndex]value);//通过selectedIndex获得选中的选项的下标,再通过options[]集合获取选中的option元素}</script><meta charset="UTF-8"></head><body><select id="tes" onchange="test()"><!--选项值改变时触发onchange()事件--><option value="帅哥" checked="checked" id="test1">帅哥</option><option value="美女" id="test2">美女</option><option value="ladybody" id="test3">ladybody</option></select></body></html>

参考资料

csdncsdn[引用时间2018-1-25]

答案是不能因为浏览器只会把value的值发送到服务器,而不会发送显示的文本

要么你把值和文本都写在value属性中,一起提交后再拆分

要么接收值,然后通过值换算出文本,当然,这需要文本与值有一对一的对应关系

1、首先要保证select中每一个option标签都有value属性;

2、jquery的写法

$('#sele')val()//这里假设select的id是sele,这样可以获取当前选中的option的value

3、刚开始没有选择的时候默认的是第一个option的value值;

4、要测试的话可以写一个change事件,也就是每一次选择都会触发

$('#sele')change(function(){

     consolelog($('#sele')val())//每次选择都会输出选择的当前option的value

})

5、如果想在js中刚开始就设置选中某一个,可以

$('#sele')val('值')//在括号中写入你想默认选中的某一个option的value值

以上就是关于如何获取下拉列表选中的值全部的内容,包括:如何获取下拉列表选中的值、form提交后,action中怎么获取select下拉框的选中值、jquery怎么获取select选中的值,默认选中等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9729465.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存