HTML muliple select應該看起來像HTML select

Question

alt text http://www.freeimagehosting.net/image.php?a55fa98f01.jpg您好我正在嘗試使用帶有“多個”選項的HTML選擇框，大小為1，如下所示

<SELECT NAME="toppings" MULTIPLE SIZE=5>
<OPTION VALUE="mushrooms">mushrooms
<OPTION VALUE="greenpeppers">green peppers
</SELECT>

當大小設置為1時，會出現一個小的滾動條，這會使頁面變得笨拙。如果我增加了大小，它會占用我的頁面，因為頁面內和周圍有大約20個這樣的多個框。 我正在尋找一個看起來像<SELECT>的解決方案，但應該起多個作用這是可能的。 我記得看過類似的東西，但不記得確切。 有任何想法嗎

Answer 1

看看這段代碼 ......它將你的多行選擇變成一個帶有jQuery復選框的下拉列表。

code.google.com/p/dropdown-check-list

Answer 2

我會用這個方向走一個不同的方向：

如果你需要做你在這里做的事情，你真的，真的需要重新考慮你的設計。 你可能還想拿一本關於HTML的書; 和界面設計一般。

當事情看起來一定的方式，給人們一定的期望：單選擇應該總是看起來像一個單選和多選不應該看起來像一個單一選擇。

Answer 3

您無法將多重選擇顯示為常規選擇。 如果可以，您希望用戶如何選擇多個值？

話雖這么說，解決方案是創建自己的自定義解決方案或使用其中一個jquery插件。

Answer 4

您無法在多選中隱藏滾動條...否則它看起來像文本區域並且可能會使用戶感到困惑。 如果你真的想要隱藏它，請創建一個div並將其浮動在滾動條的區域上以模擬隱藏它。 我不推薦它，但它有可能。