HTML select Elemento attributo multiplo | proprietà multiple che non funzionano nel telefono Windows 8

Question

Voglio utilizzare il menu a discesa multiselect per Windows Phone 8 utilizzando HTML 5 e JQuery.

Il codice seguente funziona perfettamente in IOS, Android e anche nel browser IE. Ma nell'applicazione si comporta come una semplice casella di selezione, non può fare più selezione.

<select id="oID_1" size="3" multiple> 
     <option>Item 1</option> 
     <option>Item 2</option> 
     <option>Item 3</option> 
</select> 

1. In questo momento mi sto finestra popup come questo (Screenshot da Telefono):

2. Ma voglio qualcosa di simile (Screenshot dal browser IE):

Answer 1

È necessario utilizzare le immagini per tale funzionalità

http://jsfiddle.net/WLQqf/

li 
{ 
    list-style-image: url('http://www.daltonmedical.com/dalton/service/square_checkbox.gif'); 
    list-style-position: inside; 
} 

Answer 2

Hi Secondo Windows 8 Riferimento attributo multiple | proprietà multiple Imposta o recupera il valore booleano indicando se è possibile selezionare più elementi da un elenco.

valori delle proprietà

Tipo: booleano

false (falso)

predefinito. Non è possibile selezionare più elementi.

veri (veri)

elementi multipli possono essere selezionati.

E possiamo vedere documenti HTML 4.01 Specification anche, link, Microsoft inoltre fornito sample codice anche controllare questo also, nel tuo caso provare su qualsiasi altro dispositivo e simulater,, ** Come per i documenti ufficiali da MS il codice qui sotto deve funzionare. se si tratta di un cellulare Windows 8 **

<select id="oSelect" multiple> 
<option>Item 1</option> 
<option>Item 2</option> 
<option>Item 3</option> 
</select> 

O utilizzare WinJS controlla

Answer 3

Sembra che si vuole realmente checkboxes:

<div> 
    <label><input name="oID1" type="checkbox" value="Item 1" /> Item 1</label><br/> 
    <label><input name="oID1" type="checkbox" value="Item 2" /> Item 2</label><br/> 
    <label><input name="oID1" type="checkbox" value="Item 3" /> Item 3</label><br/> 
</div> 

Il <div> è opzionale. Si noti che l'attributo name può verificarsi più volte mentre l'attributo id deve essere univoco (rendendolo meno utile per le caselle di controllo). Il modulo dovrebbe funzionare con name anziché id.

I tag <label> consentono all'utente di fare clic sulla descrizione e di attivare la casella di controllo.

Non posso garantire che funzionerà su Windows Phone, ma l'HTML è valido.

Answer 4

Potrebbe essere dovuto a una visualizzazione Web di PhoneGap in Windows Phone 8. Anch'io ho dovuto affrontare lo stesso problema. Ho appena creato una semplice applicazione statica, ma la casella di selezione multipla non funziona. nel browser del telefono è ok.

Better thing is, create a html interface and replace select "multiple" with your desired design. 

E le risposte di cui sopra possono aiutarti a farlo.

Grazie.

Answer 5

Prova a cambiare multiple a multiple="true" in questo modo:

<select id="oID_1" size="3" multiple="true"> 
    <option>Item 1</option> 
    <option>Item 2</option> 
    <option>Item 3</option> 
</select> 

Answer 6

Prova questo, è l'approccio corretto: -

<select id="oID_1" size="3" data-native-menu="false"> 
     <option>Item 1</option> 
     <option>Item 2</option> 
     <option>Item 3</option> 
</select>