jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 删除除第一个选项之外的所有选项框的所有选项大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当我尝试清空选择选项时:

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

Demo

我不知道你怎么打算重新填充下来然:)

大佬总结

以上是大佬教程为你收集整理的jquery – 删除除第一个选项之外的所有选项框的所有选项全部内容,希望文章能够帮你解决jquery – 删除除第一个选项之外的所有选项框的所有选项所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。