hi,欢迎访问本站!
当前位置: 首页Web前端正文

jq如何取select元素选中的值?

墨初 Web前端 441阅读

在jq中想要获取select元素中选中的option值以及option选项的文字内容,可以使用val()方法与text()方法。下面是具体的示例说明,大家可以参考一下。

jq获取select选中值的方法

jq中的val()方法可以获取select元素选中的option值,而text()方法可以获取select选中option的内容。

例:

<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选中值的方法,大家可以参考一下。

声明:无特别说明,转载请标明本文来源!
相关推荐