多選從下拉列表中爲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應用程序？

回答

相關問題