想要创建具有multiple =“multiple”属性的选择框

Question

我正在使用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>  

之后它会给出像这样的选择框

但我想要这样

Answer 1

<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> 

Answer 2

  

“请注意，本机菜单不支持多项选择   multiple =“multiple”属性。如果需要此功能，我们建议您使用   使用自定义菜单。“jQueryMobile

使用自定义菜单的选项

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

要在特定选择上使用自定义菜单，只需添加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