Differences in Form Submission Methods
The onChange event functions correctly with the traditional Type and Action method in both Firefox and Chrome.
<form name="frmname" action="./add_p.php" method="POST">
<div>
<select name="cbo_name" id="cbo_name" onChange="dosomething();">
<option value="USA">America</option>
<option value="CAN">Canada</option>
<option value="UK">England</option>
</select>
</div>
</form>
Form submission using jQuery / Ajax
In this alternative method, the onChange event does not trigger. Instead, I have used onClick event which works well in both Firefox and Chrome browsers.
<form name="frmname" id="frmname" novalidate>
<div>
<select name="cbo_name" id="cbo_name" onClick="dosomething();">
<option value="USA">America</option>
<option value="CAN">Canada</option>
<option value="UK">England</option>
</select>
</div>
</form>
Ajax call on the JS page
$.ajax({
.
.
})
Why does this difference exist? I am eager to explore the reasons behind it. Thank you