javascript - 隐藏最初隐藏的下拉列表重复项

Question

我成功地使用打击代码从下拉字段中删除重复的值

 $(document).ready(function () {
 var usedNames = {};
 $("select > option").each(function () {
    if (usedNames[this.value]) {
        $(this).remove();
    } else {
        usedNames[this.value] = this.text;
    }
  });
   });

我的问题是我的一些下拉菜单是有条件的，因此当代码触发时它们不在页面上，它们被设置为显示:隐藏，并且输入隐藏，然后根据先前的下拉菜单选择它们显示。

那么当下拉菜单出现时如何触发代码？

Answer 1

如果您无法在下拉列表设置为可见的位置添加代码，则唯一的解决方案可能是设置一个重复计时器来不断检查。

var interval = setInterval(function(){

    // Check to see if the thing is still hidden
    if(!$("#id_of_option").is(':hidden')){

        clearInterval(interval); // stop checking

        // Run your other code here to clear out duplicates

    }

}, 200); // or some number of milliseconds