jq如何取select元素选中的值?
墨初 Web前端 954阅读
在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选中值的方法,大家可以参考一下。