jQuery Mobile - Menu di selezione elenco lungo
Descrizione
Visualizza l'elenco lungo per il menu di selezione personalizzato quando sono disponibili più elenchi.
Esempio
L'esempio seguente mostra l'uso del menu di selezione dell'elenco lungo in jQuery Mobile.
<!DOCTYPE html>
<html>
<head>
<meta name = "viewport" content = "width = device-width, initial-scale = 1">
<link rel = "stylesheet" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src = "https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<h2>Selectmenu long list Example</h2>
<div class = "ui-field-contain">
<label for = "select-custom">Custom Select</label>
<select id = "select-custom" data-native-menu = "false">
<option value = "mu">Mumbai</option>
<option value = "pu">Pune</option>
<option value = "be">Belgaum</option>
<option value = "ch">Chennai</option>
<option value = "ban">Bangalore</option>
<option value = "de">Delhi</option>
<option value = "jh">Jhansi</option>
<option value = "oo">Ooty</option>
<option value = "th">Thane</option>
<option value = "ma">Mangalore</option>
<option value = "dh">Dharwad</option>
<option value = "hy">Hyderabad</option>
<option value = "hu">Hubli</option>
<option value = "sa">Satara</option>
<option value = "mat">Mathura</option>
<option value = "ag">Agra</option>
</select>
</div>
</body>
</html>Produzione
Eseguiamo i seguenti passaggi per vedere come funziona il codice sopra:
Salva il codice html sopra come selectmenu_long_list.html file nella cartella principale del server.
Apri questo file HTML come http: //localhost/selectmenu_long_list.html e verrà visualizzato il seguente output.