2012-09-27 73 views
0

我正在使用jquery mobile 1.1 css並且想要構建一個具有multiple =「multiple」屬性的選擇框。我也嘗試了很多東西來改變具有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> 

之後,這是給選擇框,這樣
enter image description here

,但我想喜歡這個
enter image description here

回答

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

我試了...但沒有用 – vishalg

0

注意的是,本機菜單別t支持通過多重選擇的多重選擇e =「多個」屬性。如果需要此功能,我們建議使用自定義菜單 。jQueryMobile

選項使用自定義菜單

您可以選擇使用自定義風格的選擇菜單,而不是本機的版本。這增加的能力,以主題菜單以更好地匹配外觀和並且提供跨平臺的視覺一致性此外,它支持多種選擇,在某些平臺上恢復缺失的功能,例如Android上的optgroup支持,並增加了一種處理佔位符值的優雅方式(如下所述)

要使用特定選擇上的自定義菜單,只需添加data-native-menu="false"屬性即可。或者,這也可以編程方式將選擇菜單的nativeMenu配置選項設置爲在綁定到mobileinit事件的回調中爲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

相關問題