선택 옵션이 추가 또는 제거되었습니다.

Question

OPTION이 SELECT에 추가되거나 SELECT에서 제거되었는지 어떻게 알 수 있습니까?

나는 이것에 대해 알고 jquery event for when <option>s are added or removed from a <select>

이 선택 상자는 내가 내 자신의 함수 호출을 넣을 수 없습니다 다른 JS에 의해 controled된다

은 어떻게 든 감지 할 수있는 옵션이 다른 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이다.

Answer 2

어떻게 요소의 append 기능을 패치에 대해 Mutation events

Answer 3

통해보고하려고? 예 :

var obj = document.getElementById('#select'); 
obj.__appendChild = obj.appendChild; 
obj.appendChild = function(){ 
    console.log('new option added'); 
    obj.__appendChild.apply(obj, arguments); 
}