eine Änderung im Text einer Spanne Erkennung

Question

ich folgendes haben:

$(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; 
    } 
    }); 
}); 

Als ich

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

von der Konsole nennen es den Wert aus der Drop-Down ausgewählt zurückgibt, und dies ändert sich, Die Dropdown-Auswahl ändert sich. Wie kann ich erkennen, wenn das passiert? Im Moment gibt es keine console.log von ‚bla‘ auftritt ...

Vielen Dank im Voraus.

EDIT: 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> 

Ich habe nicht viel Kontrolle darüber, wie diese html herauskommt ist

Answer 1

Ich könnte falsch sein, aber es könnte eine sehr einfache Lösung hier. Stattdessen span als var zu nehmen und dann die Bindung des on Eventhandler auf diese Variable, versuchen Sie die Ereignisbindung direkt an den Knoten wie $('#multiple_group_select_chosen span:first').on('event', function() { ... });

durch das Element einer Variablen zugewiesen Sie auf dieser „gespeichert“ -Version für Ereignisse könnten suchen des Elements anstelle des eigentlichen DOM-Elements auf der Seite. Jemand mit etwas mehr Wissen könnte dies möglicherweise überprüfen.