Jquery操作select

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_33728268

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量46

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhouxiuquan/p/3426897.html

本文介绍使用jQuery操作HTML中Select元素的方法，包括判断选项存在性、添加/删除/修改选项、设置选中项及获取选中信息等实用技巧。

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

1.判断select选项中 是否存在Value="paraValue"的Item 
$("#selectid option[value='paraValue']").length>0

2.向select选项中 加入一个Item 
$("#selectid").append("<option value=''>1111<option>");
$("#selectid").prepend("<option value='0'>请选择</option>");

3.从select选项中 删除一个Item 
$("#selectid").remove("<option value=''>1111<option>");
$("#select_id option[value='3']").remove()
$("#select_id option[text='4']").remove()
$("#select_id option[index='0']").remove()

4.修改select选项中 value="paraValue"的text为"paraText" 
$("#selectid option:selected").attr("value","paraValue").attr("text","paraText");

5. 设置select中text="paraText"的第一个Item为选中 
$("#selectid option[text='paraText']").attr("selected","true")

6.设置select中 value="paraValue"的Item为选中 
$("#selectid option[value='paraValue']").attr("selected","true")

7.设置select中第一 个Item为选中 
$("#selectid option").eq(0).attr('selected', 'true');

8. 得到select的当前选中项的value 
$("#selectid").val();

9.得到select的当前选中项的text 
$("#selectid option:selected").text();
$("#selectid").find("option:selected").text()

10. 得到select的当前选中项的Index 
$("#selectid").get(0).selectedIndex$("#selectid").index()
11. 清空select的项 $("#selectid").empty();
12.获得下拉项的最大index
$("#select_id option:last").attr("index")

转载于:https://www.cnblogs.com/zhouxiuquan/p/3426897.html