jquery获取select选择值的方法
墨初 Web前端 1677阅读
利用jquery获取select下拉元素的选中值非常的简单,下面是具体的操作方法,大家可以参考一下。
jquery获取select的选中值
例:
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<select id="mys">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3" selected>选项3</option>
<option value="4">选项4</option>
</select>
<button class="sels">获取select的值</button>
<script>
$('body').on('click','.sels',function(){
var c = $('#mys option:selected').text(); //获取select的内容
console.log(c);
var v = $('#mys option:selected').val(); // 获取select的选择的值
console.log(v);
});
</script>
注意上面的示例代码中“:selected”选择器可以选择被选中的select下面的选项,并获取它的标题或value值。