これはうまくいったと確信しています。最新の jquery-mobile 1.4 で phonegap アプリを構築していますが、ios 7 では複数選択ネイティブが機能しなくなりました。1つのオプションしか選択できません。data-role="none" を追加すると機能しますが、jquery モバイル テーマが失われます。誰かがこれに遭遇して修正しましたか。
<script>
$.getJSON(
"http://m.mysite.com/ajaxResponder.php?method=getContacts",
function(data) {
var items = "";
if (data.none != 'none') {
items +='<legend><span lang="en">Select Contacts</span></legend>'+
'<select name="contacts[]" multiple="multiple" data-native-menu="true">';
$.each(data.contacts, function(index, item) {
items += "<option value='" + item.email + "'>" + item.names + "</option>";
});
items += '</select>';
}
else {
items +='<span lang="en">Contacts will be displayed here. They can be created from the contacts menu</span>';
}
$("#contacts").html(items);
$("#contacts").trigger("create");
}
);
<script>
<div data-role="fieldcontain">
<div id="contacts"></div>
</div>