jquery获取select选中的值方法及代码是什么

Admin 2022-09-24 群英技术资讯 314 次浏览

这篇主要是介绍“jquery获取select选中的值方法及代码是什么”的内容了,下文有实例供大家参考,对大家了解操作过程或相关知识有一定的帮助,而且实用性强,希望这篇文章能帮助大家解决jquery获取select选中的值方法及代码是什么的问题,下面我们一起来了解看看吧。

 

 jquery获取select选中的值示例详解,js获取选中option的value值很简单。

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”


以上就是关于“jquery获取select选中的值方法及代码是什么”的介绍了,感谢各位的阅读,如果大家想要了解更多相关的内容,欢迎关注群英网络,小编每天都会为大家更新不同的知识。
群英智防CDN,智能加速解决方案

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

猜你喜欢

成为群英会员,开启智能安全云计算之旅

立即注册
专业资深工程师驻守
7X24小时快速响应
一站式无忧技术支持
免费备案服务
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
在线客服
微信公众号
返回顶部
返回顶部 返回顶部
在线客服
在线客服