文章/答案/技术大牛

发布

社区首页 >问答首页 >使用javascript/jquery从第一个选项列表中删除第二个列表中的选项列表

问使用javascript/jquery从第一个选项列表中删除第二个列表中的选项列表
EN

Stack Overflow用户

提问于 2020-05-19 06:14:15

回答 3查看 46关注 0票数 2

我有两个选项清单

第一列表

0xmohamed
aaaaaaaaaaa
test

0xmomedaaaaaaaaaaaaaaaaaaaa测试

第二列表

aaaaaaaaaaa
test

我想检查第二个列表中是否存在值，如果是，从第一个列表中删除它。

我试过用这个函数

     var e = document.getElementById('0');
            var f = document.getElementById('5');
            var output = [];
            for(var a= e.options.length-1; a >= 0; a--) {
            output.push(e.options[a].value);

            }
console.log(output);
            for(var b= f.options.length-1; b >= 0; b--) {
            if (output.includes(f.options[b].value)){
                var i=output.indexOf(f.options[b].value);
                console.log(i);

                e.remove(i);

                }}

但是，它处理列表中的一个项，而不是两个或多个，它从第一个列表中删除不同的选项，我认为这是因为当第二个循环之后删除一个项时，第一个列表中的项将有不同的indexes...maybe不确定

希望有人能帮忙

javascript

jquery

回答 3

Stack Overflow用户

回答已采纳

发布于 2020-05-19 06:20:36

使用过滤器函数的Jquery解决方案：

$('#0 option').filter(function(){
       return $('#5 option[value='+this.value+']').length > 0
}).remove();

$('#0 option').filter(function(){
       return $('#5 option[value='+this.value+']').length > 0
}).remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="0" multiple="" size="6">
           <option value="0xmohamed">0xmohamed</option>
           <option value="aaaaaaaaaaa">aaaaaaaaaaa</option>
           <option value="test">test</option></select>
           
           <select id="5" name="ary[]" multiple="" size="6">              
           <option value="aaaaaaaaaaa">aaaaaaaaaaa</option>
           <option value="test">test</option>  </select>

票数 1

Stack Overflow用户

发布于 2020-05-19 06:19:06

我把第一个循环改为

for(var a=0; a <= e.options.length-1; a++)

因此，阵列被填充提升方式，而且它工作了。

票数 1

Stack Overflow用户

发布于 2020-05-19 06:27:26

请检查removeOptionIfExits函数。我在代码中添加了注释行中的解释。

// Remove options from first select which already exist in second select.
function removeOptionIfExits() {
  // retrieve values from the second select
  var values = $("#5 option").toArray().map(x => x.value);
  
  // find all options from first select.
  // filter those options which has value exist in second select
  // loop through it and remove.
  $("#0 option").toArray()
        .filter(x => values.includes(x.value))
        .forEach(x => x.remove());
}

// Call remove function after document ready.
$(document).ready(function(){
  removeOptionIfExits();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

<select id="0" multiple="" size="6">
  <option value="0xmohamed">0xmohamed</option>
  <option value="aaaaaaaaaaa">aaaaaaaaaaa</option>
  <option value="test">test</option>
</select>


<select id="5" name="ary[]" multiple="" size="6">
  <option value="aaaaaaaaaaa">aaaaaaaaaaa</option>
  <option value="test">test</option>
</select>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61884397

复制

相似问题

问使用javascript/jquery从第一个选项列表中删除第二个列表中的选项列表
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript/jquery从第一个选项列表中删除第二个列表中的选项列表EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript/jquery从第一个选项列表中删除第二个列表中的选项列表
EN