javascript - 选择添加或删除事件的选项

Question

如何检测 OPTION 是否从 SELECT 中添加或删除？

我知道这个:jquery event for when <option>s are added or removed from a <select>

此选择框由另一个 js 控制，我无法将自己的函数调用放入其中。

我能以某种方式检测到该选项已被另一个js删除吗？

Answer 1

您可以尝试调用给定选择元素的检查函数，使用超时来定期检查。

function periodicallyCheckSelect(){
      var jSelect = $(this)
         ,opts = this.options 
         ,prevLen = +jSelect.attr('data-previousLen') || opts.length
         ,isEq = false
         ,isAdded = false
         ,isRemoved = false
         ,state = '';
      isEq = opts.length === prevLen;
      isAdded = opts.length > prevLen;
      isRemoved = opts.length < prevLen;
      state =  isEq ? 'no change' 
               : isAdded ? opts.length-prevLen + ' option(s) added' 
               : prevLen-opts.length+' option(s) removed';
      jSelect.attr('data-previousLen',opts.length);
      log(state+'<br>');
}

这是一个jsfiddle尝试一下这个想法。