I\'m working on Phonegap app for Android and iOS. Most of the stuff works pretty well but I\'m experiencing a problem with tag. It\'s enhanced wi
This is what solved my problem. In android 2.3.x I've set z-index on select box to ~1000(far above other elements) and it solved the problem. Apparently native browser is messing up the "layers". Hope it helps.
I have tried all of your suggests with no luck. What i've ended up with is not the best solution, but it's better than the alternative, if nothing else will update the select box. I did it with jQuery like this:
$(".select_box").change(function() {
$(this).hide();
$(".select_box").show();
});
Bum, updated.
Please remember, that this is only a solution if nothing else will work.
Make sure your div page is not inside another div. It should look like:
<body>
<div data-role="page">
...
</div>
</body>
NOT like this:
<body>
<div>
...
<div data-role="page">
...
</div>
...
</div>
</body>
I had exactly the same problem using a select with data-native-menu="true" and all worked fine once I removed that extra div.
I had the same problem, i realized the problem was because i had used data-position="fixed" property for the heading of the page which contained the select element. when i removed data-position="fixed" from my heading, heading was not fixed surely, but got rid of this annoying problem of selects not being 'clicked'. hope this helps!
The only way it worked for me was adding this on my jQuery script:
$('select').click(function () {
$(this).focus();
});
Having the same problem with android 2.3 and a JavaScript generated select box, my solution for this was using jQuery to focus the element once it was rendered and every time it was rendered again (even if using $.SELECT.show()).
After doing $("#element").focus() the select box behaves normally again, its both clickable and updates after selecting a new option.