Within my page, there is a hidden select element that triggers a JavaScript function when its value changes.
On the click of a button, I have the following code that displays the select form:
$("#moreDetails2").show();
$('#moreDetails2').trigger("create");
However, once displayed, the select form does not execute its JavaScript function. It has been tested to work correctly when not hidden.
<div id = \"moreDetails2\">
<select onchange=\"moreDetails2($userID,'$id')\">
<option value=\"0\">More Options</option>
<option value=\"1\"> View Taste Profile</option>
<option value=\"2\"> Add Taste Tags</option>
</select>
</div>
Upon inspecting the elements in Chrome, no errors are detected.