jquery获取select选中的value和label值

最新推荐文章于 2025-06-20 14:12:01 发布

芃蓉蓁蓁

最新推荐文章于 2025-06-20 14:12:01 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.youkuaiyun.com/weixin_45609759/article/details/111156483

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个通过JavaScript实现的选择器事件处理示例，能够获取下拉菜单中选项的值与标签，并针对所选服务类型执行相应操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<select id="serviceType" name="serviceType" readonly="false" class="required  form-control">
    <option value="" label=""></option>
    <option value="1" label="影视类"></option>
    <option value="2" label="教育类"></option>
    <option value="3" label="音乐类"></option>
</select>

$("#serviceType").change(function(){
	// 选中的value值
	let value = $(this).val();
	// 选中的label值
	let label = $("#serviceType").find("option:selected").attr("label");
});