HTML选择元素多个属性|多个属性在Windows Phone 8中不起作用

Question

我想使用HTML 5和JQuery为Windows Phone 8使用多选下拉列表。

以下代码在IOS，Android和IE浏览器中都运行良好。但是在应用程序中它表现得像简单的选择框，不能做多个选择。

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

1. 现在我得到这样的弹出窗口（电话截图）：

2. 但是我想要这样的东西（来自IE浏览器的屏幕截图）：

Answer 1

这可能是由于Windows Phone 8中的phonegap webview。我也遇到了同样的问题。我刚刚创建了一个简单的静态应用程序，但多选框不起作用。在手机浏览器中它没问题。

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

以上答案可能会帮助你做到这一点。

感谢。

Answer 2

Hi as windows 8 引用多个属性| multiple属性设置或检索布尔值，指示是否可以从列表中选择多个项目。

属性值

输入：布尔值

false（false）

默认即可。无法选择多个项目。

true（true）

可以选择多个项目。

我们也可以看到来自HTML 4.01规范的文档，link， 微软还提供了sample代码也检查了这个also， 在你的情况下尝试任何其他设备和模拟器,, **根据MS的官方文档，以下代码必须工作。如果是windows 8 mobile **

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

或使用 WinJS控件

Answer 3

看起来你确实想要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>是可选的。请注意，name属性可以多次出现，而id属性必须是唯一的（使其对复选框不太有用）。表单应与name而不是id一起使用。

<label>代码允许用户点击说明并仍然切换复选框。

我不能保证这可以在Windows手机上运行，​​但HTML是合理的。

Answer 4

尝试将multiple更改为multiple="true"，如下所示：

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

Answer 5

试试这个，这是正确的方法： -

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

Answer 6

您需要使用图像来实现此类功能

http://jsfiddle.net/WLQqf/

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