2013-06-05 72 views
-1

當我添加「多個」屬性來選擇菜單時,它的行爲不同&不顯示下拉列表中的所有選項。選擇菜單的行爲不同

如何看起來:

enter image description here

這裏的html代碼:

<select name="advertLocation" multiple="multiple"> 
    <option value="--Select--">--Select--</option> 
    <option style="color:#3366cb;" value="Public - No specific target"><b>Public - No specific target</b></option> 
    <option>Afghanistan</option> 
    <option>Albania</option> 
    ...... 
</select> 
+1

你有一些可能涉及的CSS嗎? –

+0

什麼是你的CSS?這似乎工作得很好:http://jsfiddle.net/5QtXT/ –

+0

在你的小提琴中,它不顯示下拉菜單 –

回答

0

當添加multiple="multiple"因爲你不能在下拉列表中選擇多個值,瀏覽器呈現元素作爲滾動列表框。

沒有辦法改變這種行爲。

+0

那麼解決方案是什麼? –

+0

如果通過「解決方案」,你的意思是「一種使瀏覽器呈現一個<選擇多個...>作爲下拉列表的方式」恐怕沒有:) – gkalpak