Question

Is there a way to programmatically trigger to .change event with jQuery/javascript?

I want a piece of code that will fire a DOM change event for a select/option box such as the following:

<div data-role='fieldcontain' class='none'>
    <select name='ACTC' class='none cl_preAction' >
    <option data-location='S' value='001'>Fire</option>
    <option data-location='T' value='002'>Flood</option>
    <option data-location='T' value='003'>End Of World</option>
    </select>
</div>

Answer 1

Just call change().

$(".cl_preAction").change();

Bind an event handler to the “change” JavaScript event, or trigger
that event on an element.