jq如何取select元素选中的值?
墨初 Web前端 1262阅读
在jq中想要获取select元素中选中的option值以及option选项的文字内容,可以使用val()方法与text()方法。下面是具体的示例说明,大家可以参考一下。
jq获取select选中值的方法
jq中的val()方法可以获取select元素选中的option值,而text()方法可以获取select选中option的内容。
例:
Markup
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<select name="" id="age">
<option value="1">选择1</option>
<option value="2">选择2</option>
<option value="3">选择3</option>
<option value="4">选择4</option>
</select>
<button class="se">点我取值</button>
<script>
$('.se').on('click',function(){
console.log($('#age').val());
console.log($('#age').find('option:selected').text());
});
</script>
以上就是jquery获取select选中值的方法,大家可以参考一下。
手机预览赞赏支持
"作者已被打赏56次"