Site icon 时鹏亮的Blog

jQuery select 对象 增删改

请知悉:本文最近一次更新为 4年 前,文中内容可能已经过时。

最近有个前端项目要调整,实现两个select框项目的联动,就顺手搜了下相关操作用的代码,整理如下:

$("#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'的Optiona

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

相关参考:jquery操作select(增加,删除,清空)


如您从本文得到了有价值的信息或帮助,请考虑扫描文末二维码捐赠和鼓励。

尊重他人劳动成果。转载请务必附上原文链接,我将感激不尽。


与《jQuery select 对象 增删改》相关的博文:

Exit mobile version