2010-09-16 77 views
4

是否有可能在ASP.NET MVC中創建一個下拉框,在下拉列表中的每個項目旁邊都有一個複選框?ASP.NET MVC組合下拉框

我知道這聽起來很簡單,在webforms或使用telerik這將是非常簡單的,但我不知道如何我可以在基本的HTML中實現相同的東西。

謝謝

回答

6

您可以使用jQuery插件叫做DropDownCheckList獲得與多選選項的下拉列表中想要的效果。

alt text

它很容易,你需要做的是建立一個HTML列表框,並調用了jQuery plugion擴展列表框。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#listbox").dropdownchecklist(); 
    } 
</script> 

<select id="listbox" multiple="multiple"> 
       <option>Option 1</option> 
       <option>Option 2</option> 
       <option>Option 3</option> 
      </select> 

http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html

+1

很酷... jQuery FTW – quakkels 2010-10-04 17:17:38

1

下拉菜單中的每個元素都有一個複選框?這不是HTML的標準元素,爲什麼你甚至需要它?多重選擇是你所需要的:

http://www.htmlcodetutorial.com/forms/_SELECT_MULTIPLE.html(第一個)

+0

我的東西八個選項,事物的數量可以動態增長。我在頁面頂部使用這些選項來相應地過濾一些結果。有很多過濾區域,我想將此選項的行數減少爲1,用戶也希望看到所有可用的選擇。 – 2013-03-13 00:00:11