您的位置:首页 > Web前端 > JQuery

JQuery——获取select选中的value值、text等

2018-01-26 16:59 721 查看
摘要:

JQuery是可以通过thi来获取当前点击的元素的内容的,但是select貌似是一个比较特殊的存在,好像无法用this的方式来获取其选中的value值。

this表示当前对象,如果是select的change事件,this则表示整个<select><select>标签

解决办法:

通过JQuery的选择器来解决

一、例:

 jsp页面:

<body>
<select>
<option value = "1" selected = "selected">1</option>
<option value = "2">22</option>
<option value = "3">33</option>
</select>
</body>
 相关事件,JQuery中只有val()方法,没有value():
<script>
$(document).ready(function(){
$("select").change(function(){
alert($("select option:selected").val());
});
});
</script>
 效果:



如果有书写错误的地方,或者是有问题的地方请及时评论或者是私信,以免误导个别萌新。

虽然,我也是个萌新。

你好,我叫吕小布
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: