Jquery - Check if a value of a select box changed from another JS code

Question

I know that you can use the "onChange" method, but the onChange doesn't get fired if I change the value by code, like this :

<select id='selectBox' onChange='alert("changed")'>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
<select>

<script>
$(document).ready(function() {
$('#selectBox').val('3');  
});
</script>

When the document loads, I would like the alert "changed" to popup... Is this possible?

Answer 1

You could try firing the change event manually, like so:

$('#selectBox').val('3').change();