Jquery onchange event not triggered in dependent controlling field

Question

We have a customized Opportunity view page that overrides the standard page in our org. And now we need to add a controlling picklist to this page:

Controlling field (picklist): Re-sign term
Dependent field (multi-select picklist): Re-sign Notice Period
We also have another text field: Re-sign term (other)

Our logic is: if Re-sign term picklist value equals 'Other', the Re-sign term (other) textbox shoud be displayed, otherwise, keep hidden. We are trying to use Jquery to achieve this, but unfortunately, Jquery .change() event seems not working on this case (Re-sign term value changed, jquery is not triggered).

However, if we remove the field dependency, it is working fine. Any advice?

Answer 1

Have tried a couple of approaches, and the solution so far is using mutation event instead of .change(). The one I used is: DOMCharacterDataModified

$('[id$=elementId]').bind('DOMCharacterDataModified', function(){

  Your logic here..... 

})

This is working in chrome browser