HTML wybierz Element wielokrotny atrybut | wiele właściwości nie działa w systemie Windows 8

Question

Chcę użyć listy rozwijanej multiselect dla Windows Phone 8 przy użyciu HTML 5 i JQuery.

Poniższy kod działa doskonale w IOS, Android, a także w przeglądarce IE. Ale w aplikacji zachowuje się jak proste pole wyboru, nie może dokonać wielokrotnego wyboru.

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

1. Teraz jestem coraz okienko tak (Zrzut ekranu z telefonu):

2. Ale chcę coś takiego (Zrzut ekranu z przeglądarki IE):

Answer 1

Będziesz musiał użyć zdjęć do takiej funkcji

http://jsfiddle.net/WLQqf/

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

Answer 2

Cześć Zgodnie Windows 8 referencyjny stwardnienie atrybutów | multiple property Ustawia lub pobiera wartość typu Boolean wskazującą, czy z listy można wybrać wiele elementów.

Property wartości

Rodzaj: Boolean

false (fałsz)

Domyślnie. Nie można wybrać wielu elementów.

true (true)

Można wybrać wiele elementów.

I możemy zobaczyć dokumenty z HTML 4.01 Specification również, link, Microsoft udostępnił także kod sample również sprawdzić also, w przypadku próby na każdym innym urządzeniu i simulater, ** Według oficjalnych docs z MS poniższy kod musi działać. jeśli jest to Windows 8 mobile **

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

LUB użyć WinJS kontroluje

Answer 3

Wygląda rzeczywiście chcesz 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> 

<div> jest opcjonalne. Zauważ, że atrybut name może występować wiele razy, podczas gdy atrybut id musi być unikalny (co czyni go mniej użytecznym dla pól wyboru). Formularz powinien współpracować z name zamiast z id.

Znaczniki <label> pozwalają użytkownikowi kliknąć opis i nadal przełączać pole wyboru.

Nie mogę zagwarantować, że to zadziała na telefonie z systemem Windows, ale kod HTML jest prawidłowy.

Answer 4

Może to być spowodowane widokiem strony phonegap w telefonie z systemem Windows 8. Również stanąłem w obliczu tego samego problemu. Właśnie utworzyłem prostą aplikację statyczną, ale pole wyboru wielokrotnego wyboru nie działa. w przeglądarce telefonu jest OK.

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

Powyższe odpowiedzi mogą Ci w tym pomóc.

Dzięki.

Answer 5

Spróbuj zmienić multiple do multiple="true" tak:

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

Answer 6

Spróbuj tego, że jest to właściwe podejście: -

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