HTML select 元素的多个属性 |多个属性在 Windows phone 8 中不起作用答案

【问题标题】：HTML select Element multiple attribute | multiple property not working in Windows phone 8HTML select 元素的多个属性 |多个属性在 Windows phone 8 中不起作用
【发布时间】：2014-08-23 14:46:26
【问题描述】：

我想使用 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>

现在我收到这样的弹出窗口（手机屏幕截图）：
但是我想要这样的东西（IE浏览器截图）：

【问题讨论】：

我认为你的意思是，“在 HTML5 中，我们使用类似
您的手机操作系统版本？
@ArjunTRAj:windows phone 8
试试multiple="true" ?

标签： javascript html cordova windows-phone-8 html-select

【解决方案1】：

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

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

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

谢谢。

【讨论】：

【解决方案2】：

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

属性值

类型：布尔值

假（假）

默认。不能选择多个项目。

真（真）

可以选择多个项目。

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

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

或使用 WinJS 控件

【讨论】：

你好 Arjun.. 我们已经浏览了上面的链接，并遵循相同的程序。它在 Windows phone 的 IE 浏览器中工作，但在应用程序中它只是不工作。请仔细阅读问题。
然后你可以使用Win js支持，并访问原生UI

【解决方案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 phone 上运行，但 HTML 是正确的。

【讨论】：

【解决方案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>

【讨论】：

【解决方案5】：

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

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

【讨论】：

【解决方案6】：

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

http://jsfiddle.net/WLQqf/

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

【讨论】：