jQuery Mobile custom select menu not working if url has encoded parameters

jQuery Mobile custom select menu not working if url has encoded parameters

Hi,

I have a jQuery Mobile 1.4.5 custom select menu on my page. If url has encoded parameters then Url gets appended with id of menu and menu click event does not show option menu popup.

Let me know solution for this please.

Not working when url is as below
Working when url is as below

http://localhost/GI/SubmitSecureForm.aspx?ENCDATA=JalT6QGRlGk=


Below how the control looks

<div class="ui-select">

<a href="#" role="button" id="ddl_institutionaccountnumber-button" aria-haspopup="true" class="ui-btn ui-icon-carat-d ui-btn-icon-right ui-corner-all ui-shadow"><span>[Select One]</span></a>

<select id="ddl_institutionaccountnumber" name="INSTITUTIONACCOUNTNUMBER" tabindex="-1">

<option value="0">[Select One]</option>

<option value="123456">val1</option>

<option value="123457">val12</option>

<option value="535331">val13</option>

<option value="378364">val14</option>

</select>

<div style="display: none;" id="ddl_institutionaccountnumber-listbox-placeholder"><!-- placeholder for ddl_institutionaccountnumber-listbox --></div>

</div>

On click of menu, the url gets appended with #id as below

http://localhost/GI/SubmitSecureForm.aspx?ENCDATA=JalT6QGRlGk%3d#ddl_institutionaccountnumber-listbox

and option popup does not show.

I'm testing in chrome browser mobile mode.

Thanks,

Chetan. R