data-native-menu="false" not working in my select.

Question

User1760779249 posted

<div class="ui-select"><a href="#" role="button" id="MyList-button" aria-haspopup="true" aria-owns="MyList-menu" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="right" data-theme="b" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-right ui-btn-up-b"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text"><span></span></span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow">&nbsp;</span></span></a><select name="MyList" data-native-menu="false" id="MyList" tabindex="-1"><option>014018</option><option>23434</option><option>03433</option><option>23423</option><option>234234</option><option>014131</option><option>23423423</option><option>32423</option><option>324342</option><option>043120</option><option>04332432121</option><option>23424</option><option>435345</option></select><div style="display: none;"><!-- placeholder --></div></div>

Using jquery mobile. json to select data from controller. 

when using 

data-native-menu="false" this is how my data is appearing. When I click on the select box it comes up blank. If I use static selection then it works.  if I change false to true then the data appears in the dropdown but the jquery mobile style does not work. 

Answer 1

User1943143334 posted

Hi,

Try setting data-role="none"!

<select name="MyList" data-role="none" data-native-menu="false" id="MyList" tabindex="-1">

Hope it helps u...