jquery获取select选择值的方法
墨初 Web前端 657阅读
利用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值。