删除第一个选项以外的所有选项框选项
我正试图在以下情况下清空选择选项:
id“mClick”被选中,id的“sClick”,“cClick”和“srClick”将被清空。
id“sClick”被选中,id的“cClick”和“srClick”将被清空。
id“cClick”被选中,id“srClick”将被清空。
在方案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();
这将删除所有选项,除了第一个值为空的选项希望这会有所帮助