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

jquery获取select选择值的方法

墨初 Web前端 312阅读

利用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值。

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