首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我想创建具有multiple="multiple“属性的选择框

我想创建具有multiple="multiple“属性的选择框
EN

Stack Overflow用户
提问于 2012-09-27 18:45:52
回答 2查看 631关注 0票数 0

我正在使用jquery mobile 1.1CSS,并希望构建一个具有multiple="multiple“属性的选择框。我还尝试了很多方法来改变带有multiple="multiple“属性的选择框。但是转换失败了,即使我写了下面这样的选择框,它也会一如既往地给出下拉框,所以请建议我如何使用这个属性的选择框。

代码语言:javascript
运行
复制
<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>  

之后,它会给出如下所示的选择框

但是我想要喜欢这个

EN

回答 2

Stack Overflow用户

发布于 2012-09-27 18:48:19

代码语言:javascript
运行
复制
<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> 
票数 2
EN

Stack Overflow用户

发布于 2012-09-27 20:38:16

“请注意,本机菜单不支持通过multiple=" multiple”属性进行多项选择。如果需要此功能,建议使用自定义菜单。“jQueryMobile

使用自定义菜单的选项

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

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

代码语言:javascript
运行
复制
$(document).bind('mobileinit',function(){
        $.mobile.selectmenu.prototype.options.nativeMenu = false;
    });

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12619608

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档