jquery获取select选中的值方法及代码是什么
Admin 2022-09-24 群英技术资讯 806 次浏览
这篇主要是介绍“jquery获取select选中的值方法及代码是什么”的内容了,下文有实例供大家参考,对大家了解操作过程或相关知识有一定的帮助,而且实用性强,希望这篇文章能帮助大家解决jquery获取select选中的值方法及代码是什么的问题,下面我们一起来了解看看吧。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”
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于JavaScript中数组常用的7种迭代处理方法的相关问题,下面一起来看一下,希望对大家有帮助。
这篇文章主要介绍了vue 如何实现拖拽动态生成组件的需求,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下
generator函数是JS引擎中使用的结构函数,不提供给开发者。由构造函数generator创建的对象是迭代器和可迭代对象。
map()函数定义在JS的array中,它返回一个新的数组,下面这篇文章主要给大家介绍了关于Vue中map()的用法案例,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
常规的列表展示界面,一般分为几个区域,一个是查询区域,一个是列表展示区域,一个是底部的分页组件区域。查询区域主要针对常规条件进行布局,以及增加一些全局或者批量的操作,如导入、导出、添加、批量添加、批量删除等按钮
成为群英会员,开启智能安全云计算之旅
立即注册关注或联系群英网络
7x24小时售前:400-678-4567
7x24小时售后:0668-2555666
24小时QQ客服
群英微信公众号
CNNIC域名投诉举报处理平台
服务电话:010-58813000
服务邮箱:service@cnnic.cn
投诉与建议:0668-2555555
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008