关注微信公众号 太平洋学习网 扫描二维码
最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

jquery获取select选中的值示例|jquery教程

JS/CSS admin 浏览 评论

 jquery获取select选中的值示例详解,js获取选中option的value值很简单,下面看本jquery教程的:selected选择器的使用。

html代码部分

<select>
    <option value="1">张三</option>
    <option value="2" selected="selected">李四</option>
    <option value="3">王五</option>
</select>
<button id="getSelVal">获取选中的值</button>

jquery selected选择器的使用有两种,如下

//方法一
$(":selected")
//方法二
$("select option:selected")

jquery完整代码,获取select选中的值以及选中的文本

<script>
    $("#getSelVal").click(function () {
        var text = $(":selected").text();
        var value = $("select option:selected").val();
        alert(text+"==="+value);
    });
</script>

输出结果:“李四===2”

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/2017/1025/323.html