Non v'è alcun modo semplice per raggiungere questo obiettivo. Quello che devi fare è creare un plugin nativo che aprirà una finestra di dialogo personalizzata quando fai clic su un <select>
.
Il menu a tendina da eliminare è la vista predefinita per le selezioni sulle visualizzazioni Web, contrariamente alla seconda che è stata creata in Chrome. Per aiuto per iniziare:
// ottenere tutte le opzioni e le vendite in un array
var values = $.map($('#group_select option'), function(e) { return e.value; });
// funzione nativa che ottiene le opzioni e visualizzare una finestra
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();
}
Assicurarsi di imposta il tuo tema su Holo
o Holo.Light
come preferisci e fai il tuo bit preferito per chiamare un codice nativo dal livello javascript ogni volta che c'è un clic su un elemento select
.
Coulle pubblichi il file manifest? Solo per controllare il tuo tema. –
Sicuro! http://pastebin.com/FE1iqWTp Fatemi sapere se avete bisogno di qualcos'altro –
Non ho usato PhoneGap ma mi stavo chiedendo se possiamo aggiungere qualche altra libreria di supporto per ottenere questo, come faccio ad usare actionbarsherlock per il tema che stai cercando di ottenere su un dispositivo che non supporta in modo nativo lo stile del menu a discesa di cui ho bisogno. – Prateek