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

  |   2019年11月5日 |  Wordpress相关 |   评论已关闭 |   28

ad
有需要可以关注公众号:“技术的世界” 分享最新技术教程,解答技术问题,有任何问题在公众号上提问,抽空会尽力解答。 另外想要什么资源,可以回复“资源”或者私信后台,可以获得丰厚的资源包哦

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

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();  

//删除Select中Value='3'的Option
jQuery("#select_id option[value='3']").remove();

//删除Select中Text='4'的Option
jQuery("#select_id option[text='4']").remove();

清空下拉菜单的内容:

jQuery("#select_id").empty();

本站推荐使用的主机:,国外主机建议使用


转载请注明出处:http://ituq.cn/11200.html

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦