Es gibt keine einfache Möglichkeit, das zu erreichen, zu schaffen. Was Sie tun müssen, ist ein natives Plugin zu erstellen, das ein benutzerdefiniertes Dialogfeld öffnet, wenn Sie auf ein <select>
klicken.
Das Dropdown-Menü, das Sie loswerden möchten, ist die Standardansicht für selects in webviews, im Gegensatz zu der zweiten, die in Chrome erstellt wurde. Damit bekommen Sie begonnen:
// erhalten alle Optionen und Speicher in einem Array
var values = $.map($('#group_select option'), function(e) { return e.value; });
// Mutter Funktion, die die Optionen erhält und zeigt ein Dialog
function void showDialog(String[] values){
AlertDialog.Builder b = new Builder(this);
b.setTitle("Example");
b.setItems(values, new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
switch(which){
case 0:
//call some javascript method to use this value here
break;
case 1:
//call some javascript method to use this value here
break;
}
}
});
b.show();
}
Stellen Sie sicher, Setzen Sie Ihr Thema auf Holo
oder Holo.Light
, wie Sie bevorzugen, und tun Sie Ihr bevorzugtes Bit, um einen systemeigenen Code aus der Javascript-Ebene aufzurufen, wenn ein Klick auf ein select
Element erfolgt.
Couls Sie Ihre Manifest-Datei? Nur um dein Thema zu überprüfen. –
Sicher! http://pastebin.com/FE1iqWTp Lassen Sie mich wissen, wenn Sie noch etwas brauchen –
Ich habe Phonegap nicht verwendet, aber ich frage mich, ob wir eine andere Support-Bibliothek hinzufügen, um dies zu erreichen, wie ich actionbarsherlock für das Theming verwenden Sie versuchen, auf einem Gerät zu erreichen, das den Dropdown-Stil, den ich brauche, nicht nativ unterstützt. – Prateek