HTML多重选择应该看起来像HTML选择

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>的解决方案但应该起多重作用的解决方案 这可能吗。我记得看过类似的东西，但不记得确切。 任何想法

我上传了图片Sample http://www.freeimagehosting.net/image.php?a55fa98f01.jpg

Answer 1

Check out this code ...它将您的多行选择转换为带有使用jQuery的复选框的下拉列表。

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

Answer 2

我将采用与此相关的方向：

你真的，真的需要重新考虑你的设计，如果你需要做你在这里做的事情。你可能还想拿一本关于HTML的书;和界面设计一般。

当事情以某种方式呈现时，这会给人们一定的期望：单一选择总是看起来像单选，而多选则永远不会看起来像是单选。

Answer 3

您无法将多重选择显示为常规选择。如果可以，您希望用户如何选择多个值？

话虽这么说，解决方案是创建自己的自定义解决方案或使用其中一个jquery插件。

Answer 4

您无法在多选中隐藏滚动条...否则它看起来像文本区域，可能会使用户感到困惑。如果你真的想要隐藏它，请创建一个div并将其浮动在滚动条的区域上以模拟隐藏它。我不推荐它，但它有可能。