0

我正在使用 jquery mobile 1.1 css 并希望构建一个具有 multiple="multiple" 属性的选择框。我还尝试了很多方法来更改具有 multiple="multiple" 属性的选择框。但是无法转换它会像往常一样给出下拉菜单,即使我写了下面给出的选择框,所以请建议我如何使用这个属性选择框。

<select class="styled" name="purpose-" id="someID" onchange = "go()" multiple="multiple">
                  <option value="000"> Select </option>
                  <option value="008">1 </option>
                  <option value="012">2 </option>
</select>  

之后它给出了这样的选择框
在此处输入图像描述

但我想喜欢这个
在此处输入图像描述

4

2 回答 2

2
<select class="styled" name="purpose-" id="someID" onchange = "go()" multiple="multiple" size="9">
                  <option value="000"> Select </option>
                  <option value="008">1 </option>
                  <option value="012">2 </option>
</select> 
于 2012-09-27T10:48:18.917 回答
0

"请注意,原生菜单不支持通过 multiple="multiple" 属性进行多选。如果需要此功能,我们建议使用自定义菜单。 " jQueryMobile

使用自定义菜单的选项

您可以选择使用自定义样式的选择菜单而不是本机版本。这增加了主题菜单的能力,以更好地匹配您网站的外观和感觉,并提供跨平台的视觉一致性。此外,它支持多项选择,恢复某些平台上缺少的功能,例如 Android 上的 optgroup 支持,并添加了一种优雅的方式来处理占位符值(解释如下)。

要在特定 select 上使用自定义菜单,只需添加data-native-menu="false"属性。或者,这也可以在绑定到 mobileinit 事件的回调中以编程方式将选择菜单的 nativeMenu 配置选项设置为 false 以实现相同的效果。这将使所有选择默认使用自定义菜单。在加载 jQuery 之后但在加载 jQuery Mobile 之前,页面中必须包含以下内容。

$(document).bind('mobileinit',function(){
        $.mobile.selectmenu.prototype.options.nativeMenu = false;
    });

来源:http: //jquerymobile.com/demos/1.0a4.1/docs/forms/forms-selects.html

于 2012-09-27T12:38:15.680 回答