2017-09-14 3 views
0

스팬의 텍스트의 변화를 감지 :나는 다음과 같은 한

$(document).ready(function(){ 
    var span = $('#multiple_group_select_chosen span:first'); 
    span.on('DOMSubtreeModified', function(){ 
    console.log('bla'); 
    if (['No groups in this year', '', 'Now please select a group', 'Please select a'].includes(span.text())) { 
     $('#classes').disabled = true; 
    } else { 
     $('#classes').disabled = false; 
    } 
    }); 
}); 

을 내가 드롭 다운에서 선택한 값을 반환 콘솔에서

$('#multiple_group_select_chosen span:first').text() 

를 호출 할 때, 그리고이 같은 변화 드롭 다운 선택이 변경됩니다. 이런 일이 발생하면 어떻게 감지 할 수 있습니까? 현재로서는 콘솔이 없습니다. '블로'가 발생합니다 ...

미리 감사드립니다.

편집 :이 HTML은

+1

일부 마크 업을 볼 수 있습니다. '# multiple_group_select_chosen'은 무엇입니까? –

답변

0

내가 잘못 될 수 나오는 방법 HTML

<div class="chosen-container chosen-container-single chosen-container-single-nosearch" style="width: 100%;" title="" id="multiple_group_select_chosen"> 
    <a class="chosen-single"> 
    <span>DROPDOWN TEXT</span> 
    <div><b></b></div> 
    </a> 
</div> 

나는 많은 통제권을 가지고 있지 않고,하지만 아주 간단한 해결책은 여기에있을 수 있습니다. 대신 var과 같은 span을 복용하고 그 변수에 on 이벤트 핸들러 바인딩의, 당신이 "저장"버전의 이벤트를 찾고있을 수있는 변수에 요소를 할당하여 $('#multiple_group_select_chosen span:first').on('event', function() { ... });

같은 노드에 이벤트를 직접 바인딩 시도 페이지의 실제 DOM 요소 대신 요소의 조금 더 지식이있는 사람이 이것을 확인할 수 있습니다.

+0

나는 기쁨이없는 $ ('#) objets에 스팬을 변경해 보았습니다. – Mark

+0

좋아요, 그 경우에는 여기에 비슷한 문제가 있습니다. 그곳에서 유용한 정보를 찾을 수 있습니다 : [Link] (https : //stackoverflow.com/questions/10958529/jquery-how-to-handle-change-text-of-span) –