多选从下拉列表中为web应用程序？

我正在构建一个将返回报告的Web应用程序。对于用户请求下拉列表的某些参数，他们也希望能够一次选择多个选项。多选从下拉列表中为web应用程序？

例如向我展示来自TX，WV和ID州的所有交易。

我决定去下拉列表他们要求，而不是一个列表框的原因是有超过40个参数，他们可以从中挑选，我的网页已经挤满了许多控件。

谢谢先进。

2010-10-12 IWriteApps

[多选下拉列表在ASP.NET中]的可能重复（http://stackoverflow.com/questions/774587/multi-select-dropdown-list-in-asp-net） – 2010-10-12 20:01:06

没有复选框。尽可能接近老式的下拉列表。 – IWriteApps 2010-10-12 20:02:24

老式的下拉列表不支持多选，也不是他们的意思。他们的用户界面并不适合该任务，因为他们的列表框在选择项目时会崩溃。 – 2010-10-12 20:09:37

你不能直接用dropdownlist做它，但你可以做的是假的。

在页面上有一个隐藏的ListBox。可视化地构建看起来像下拉列表的内容（标签+图片将起作用）。在虚假下拉列表的onclick事件期间，在您的下拉列表下方显示您的列表框。在ListBox的onblur事件中隐藏列表框。你也可以引入一些jquery动画来展示你的列表框，以便更接近地匹配下拉列表的外观。

来源

2010-10-12 20:07:17 Adrian

试一试：为未选定的选项和列表框选择一个下拉菜单;类似于安东拉维的建议，但稍微不详细。

<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>

如果通过扫描找到要插入的位置，则可以保留排序。

来源

2010-10-12 20:37:14 noglorp

多选从下拉列表中为web应用程序？

回答

相关问题