2012-03-08 133 views
81

我沒有太多的HTML經驗。我正在尋找創建一個簡單的列表框,但其中一個要求是DISALLOW多選。最讓列表框的代碼是這樣的 -如何在不允許多選的情況下在HTML中創建列表框?

<select name="sometext" multiple="multiple"> 
    <option>text1</option> 
    <option>text2</option> 
    <option>text3</option> 
    <option>text4</option> 
    <option>text5</option> 
</select> 

但這允許多項選擇。

Here,一個類似的問題被問到,但「最好」的答案已被低估。所以我不知道如何做這件事。請幫忙。

+5

爲你等新人,請避開上述網站爲了你自己好 - 他們已經得到了很好的搜索引擎優化,但僅此而已。它充滿了不好的習慣和習慣,你會後悔的學習後悔。使用MDN(Mozilla)中的API,在這種情況下,請https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select。 – Ben 2013-10-25 05:34:25

+3

@Steve謝謝你的警告。他的評論「這就是爲什麼我有工作」也是傲慢的。如果你有工作,對你有好處。這是一個答案論壇,而不是廣告。 – CodeBlue 2013-10-25 17:42:55

回答

143

只需使用尺寸屬性:

<select name="sometext" size="5"> 
    <option>text1</option> 
    <option>text2</option> 
    <option>text3</option> 
    <option>text4</option> 
    <option>text5</option> 
</select> 
+2

Upvoted爲真理。此外,當問題發佈之前,這個解決方案可能沒有得到所有瀏覽器的廣泛支持。 – aaroncatlin 2013-08-27 13:59:04

+0

它可能是downvoted,因爲HTML標準中沒有任何東西需要瀏覽器將其呈現爲列表框,如果設置了size屬性的話。是的,目前所有主流瀏覽器都這麼做,但不能保證他們總是會這麼做。實際上,這對於很多網站來說都是一個突破性的改變,沒有瀏覽器可能會改變它。 – Elezar 2015-04-30 22:12:42

+1

該標準有一點解釋:「選擇元素的顯示大小是應用規則將非負整數解析爲元素的** size **屬性的值的結果,如果它具有一個解析它是成功的。「_雖然這並沒有明確說明它應該顯示爲下拉列表或列表框,但顯示一個顯示多於1個元素的下拉控件將​​很困難。 (https://html.spec.whatwg.org/#the-select-element) – aaroncatlin 2015-05-01 09:00:05

2

對於Asp.Net MVC

@Html.ListBox("parameterName", ViewBag.ParameterValueList as MultiSelectList, 
new { 
@class = "chosen-select form-control" 
}) 

@Html.ListBoxFor(model => model.parameterName, 
    ViewBag.ParameterValueList as MultiSelectList, 
    new{ 
     data_placeholder = "Select Options ", 
     @class = "chosen-select form-control" 
    }) 
相關問題