删除第一个选项以外的所有选项框选项

我正试图在以下情况下清空选择选项:

id“mClick”被选中,id的“sClick”,“cClick”和“srClick”将被清空。

id“sClick”被选中,id的“cClick”和“srClick”将被清空。

id“cClick”被选中,id“srClick”将被清空。

Select Mod Mod 1 Mod 2 Mod 3 Select State State 1 State 2 Select City City 1 City 2 Select Services Services 1 Services 2

在方案3中,我使用了这个function,但它删除了所有,除了最后一个选择。 任何想法都是我错过的? 谢谢

 $('#lForm select[id!="mClick"] select[id!="sClick"] select[id!="cClick"] option[value!=""]').remove().end(); 

以您描述的方式清除选项的最简单方法是使用options.length = 1 。 此外,您可以利用每个下拉列表清除逻辑上遵循它的那些事实,这样您只需要声明一个更改处理程序。

 $('#lForm select').on('change', function() { if (this.selectedIndex > 0) { var $others = $(this).closest('table').find('select'), current = $others.index(this); // find current while (++current < $others.length) { // for each following drop down $others.get(current).options.length = 1; } } }); 

演示

我不确定你是如何重新填充下降的:)

试试这个

 yourSelect.find('option').not(':first').remove(); 

你可以使用jQuery的大于:gt()选择器

 $('#lForm select[id!="makeClick"] select[id!="stateClick"] select[id!="cityClick"] option:gt(0)').remove().end(); 

这将删除大于0的所有选项

你不能使用not(:first)

 $('#lForm select[id!="makeClick"] select[id!="stateClick"] select[id!="cityClick"] option:not(:first)').remove().end(); 

我正在寻找一个行代码,经过大量研究后发现的是最简单和最好的一行代码,除了第一个之外删除所有内容。

JQuery的,

 $('#ddlId option:not(:first)').remove(); 

这是工作

 $('#mClick').change(function () { $('#sClick, #cClick, #srClick').find("option:gt(0)").remove(); }); $('#sClick').change(function () { $('#cClick, #srClick').find("option:gt(0)").remove(); }); $('#cClick').change(function () { $('#srClick').find("option:gt(0)").remove(); }); 

试试这个

 $('#lForm select').change(function(){ var $selects = $('#lForm select'); var idx = $selects.index(this); // Use `val` function to clear the selected values or Use `remove` function to remove the element. $selects.filter(':gt(' + idx +')').val(''); }); 

然后将一般课程分配给你的Dropdown

$(’。general option [value!=“”]’)。remove();

这将删除所有选项,除了第一个值为空的选项希望这会有所帮助