相关文章推荐
近视的豆浆  ·  ICAC Post 廉政快讯·  1 年前    · 
活泼的楼梯  ·  H.O.T張佑赫發長文感恩粉絲:「大家才是演 ...·  1 年前    · 
善良的红酒  ·  docker用一个镜像运行多个容器 - ...·  1 年前    · 
怕考试的熊猫  ·  在Docker中,如何查看镜像支持的环境变量 ...·  2 年前    · 
千年单身的红烧肉  ·  《血源诅咒》BOSS宇宙之女打法攻略介绍_九 ...·  2 年前    · 
小百科  ›  转用 jQuery 对下拉菜单 SELCET 采取减低、封杀和修正的结构设计-腾讯云开发者社区-腾讯云
jquery select 下拉菜单 jquery文档
仗义的人字拖
2 年前
Denis
0 篇文章

使用 jQuery 对下拉菜单 SELCET 进行增加、删除和修改的操作

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
Denis
首页
学习
活动
专区
工具
TVP 最新优惠活动
返回腾讯云官网
社区首页 > 专栏 > WordPress果酱 > 使用 jQuery 对下拉菜单 SELCET 进行增加、删除和修改的操作

使用 jQuery 对下拉菜单 SELCET 进行增加、删除和修改的操作

作者头像
Denis
发布 于 2023-04-15 10:11:02
830 0
发布 于 2023-04-15 10:11:02
举报

jQuery 获取下拉菜单 SELECT 选择的 Text 和 Value:

//获取Select选择的Text
var checkText=jQuery("#select_id").find("option:selected").text();   
//获取Select选择的option Value
var checkValue=jQuery("#select_id").val();
//获取Select选择的索引值
var checkIndex=jQuery("#select_id ").get(0).selectedIndex;
//获取Select最大的索引值
var maxIndex=jQuery("#select_id option:last").attr("index");

jQuery 添加或者删除 下拉菜单 Select 的 Option 项:

//为Select追加一个Option(下拉项)
jQuery("#select_id").append("<option value='Value'>Text</option>");
//为Select插入一个Option(第一个位置)
jQuery("#select_id").prepend("<option value='0'>请选择</option>");
//删除Select中索引值最大Option(最后一个)
jQuery("#select_id option:last").remove();
//删除Select中索引值为0的Option(第一个)
jQuery("#select_id option[index='0']").remove();  
 
推荐文章
近视的豆浆  ·  ICAC Post 廉政快讯
1 年前
活泼的楼梯  ·  H.O.T張佑赫發長文感恩粉絲:「大家才是演唱會的主角,願為你們粉身碎骨」 - KSD 韓星網 (明星)
1 年前
善良的红酒  ·  docker用一个镜像运行多个容器 - CSDN文库
1 年前
怕考试的熊猫  ·  在Docker中,如何查看镜像支持的环境变量? - 黄嘉波 - 博客园
2 年前
千年单身的红烧肉  ·  《血源诅咒》BOSS宇宙之女打法攻略介绍_九游手机游戏
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号