首页 / JQUERY / jQuery操作Select选择的Text和Value(获取/设置/添加/删除)

jQuery操作Select选择的Text和Value(获取/设置/添加/删除)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery操作Select选择的Text和Value(获取/设置/添加/删除)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1448字，纯文字阅读大概需要3分钟。

内容图文

jQuery获取Select选择的Text和Value：
选择一项试试看
语法解释：
代码如下:

. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 
. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
. var checkValue=$("#select_id").val(); //获取Select选择的Value 
. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 
. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 
 
jQuery设置Select选择的Text和Value： 
语法解释： 
 代码如下:

. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项被选中 
. $("#select_id ").val(4); //设置Select的Value值为4的项选中 
. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 
 
jQuery添加/删除Select的Option项： 
点击一次，Select将追加一个Option 
点击将在Select第一个位置插入一个Option 
点击将删除Select中索引值最大Option(最后一个) 
语法解释： 
 代码如下:

. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

内容总结

以上是互联网集市为您收集整理的jQuery操作Select选择的Text和Value(获取/设置/添加/删除)全部内容，希望文章能够帮你解决jQuery操作Select选择的Text和Value(获取/设置/添加/删除)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/367171.html

来源：【匿名】