最新消息:关注【已取消】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

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

JS/CSS admin 0浏览 评论

 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/323.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论