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

Question

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

id"mClick"被选中,id的"sClick","cClick"和"srClick"将被清空.

id"sClick"被选中,id的"cClick"和"srClick"将被清空.

id"cClick"被选中,id"srClick"将被清空.

<form action="javascript:void(0);" method="POST" id="lForm">
<table>
    <tr>
        <td>
            <select name="module" id="mClick">
                <option value="">Select Mod</option>
                <option value="1">Mod 1</option>
                <option value="2">Mod 2</option>
                <option value="3">Mod 3</option>
            </select>
        </td>
        <td>
            <select name="state" id="sClick">
                <option value="">Select State</option>
                <option value="1">State 1</option>
                <option value="2">State 2</option>
            </select>
        </td>
        <td>
            <select name="city" id="cClick">
                <option value="">Select City</option>
                <option value="1">City 1</option>
                <option value="2">City 2</option>
            </select>
        </td>
        <td>
            <select name="services" id="srClick">
                <option value="">Select Services</option>
                <option value="1">Services 1</option>
                <option value="2">Services 2</option>
            </select>
        </td>
    </tr>
</table>

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

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

Answer 1

试试这个

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

Answer 2

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

JQuery的,

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

Answer 3

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

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

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

Answer 4

您可以使用 not(:first)

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

Answer 5

以您描述的方式清除选项的最简单方法是使用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;
    }
  }
});

演示

我不确定你将如何重新填充下降尽管:)

Answer 6

这是工作

$('#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();
});