Question

我正在构建一个带有报告的Web应用程序。对于用户请求下拉列表的某些参数，他们还希望一次能够选择多个选项。

e.g。显示来自TX，WV和ID状态的所有交易。

我决定使用他们要求的下拉列表而不是列表框的原因是他们可以选择40多个参数，而且我的页面已经塞满了许多控件。

先谢谢。

Answer 1

您无法直接使用下拉列表进行操作，但您可以做的就是伪造它。

在您的网页上有一个隐藏的ListBox。在视觉上构建一个看起来像下拉列表的东西（标签+图像可以工作）。在您的虚拟下拉列表的onclick事件期间，您的下拉列表下方会显示您的列表框。在ListBox的onblur事件期间隐藏列表框。你也可以投入一些jquery来动画列表框的揭幕，以便更接近地匹配下拉列表的外观。

Answer 2

尝试这一点：为未选择的选项下拉一个下拉列表并选择一个列表框;类似于anton lavey的建议，但稍微不那么精细。

<style>
select { width: 200px; }
</style>
<body>
 <select id="sel" onchange="list.appendChild(this[this.selectedIndex]);">
  <option disabled>Select items from this list</option>
  <option value="a">a</option>
  <option value="c">c</option>
  <option value="d">d</option>
</select><br>
<select multiple="" id="list"><option value="b">b</option></select>
<button onclick="while(list.selectedIndex > -1) { sel.appendChild(list[list.selectedIndex]); }">Remove selected</button>
</body>

如果您扫描以找到要插入的正确位置，则可以保留

排序。

从网络应用程序的下拉列表中多选？

2 个答案: