2016-03-05 99 views
1

當我點擊下拉菜單時,它應該顯示它的項目,但它不顯示它的項目。我不知道爲什麼會發生這種情況。請告訴我,我應該在哪裏進行更改,以改善它下拉菜單在ASP.NET MVC5中點擊時不顯示它的項目查看

UL +李下拉菜單中未顯示其項目

<div class="dropdown"> 
     <button class="btn dropdown-toggle" type="button" data-toggle="dropdown"> 
      Dropdown <span class="caret"></span> 
     </button> 
     <ul class="dropdown-menu" role="menu"> 
      <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li> 
      <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li> 
      <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li> 
      <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li> 
     </ul> 
    </div> 

下面給出的下拉菜單中顯示出它的項目那麼如何創建巨型下拉帶有選擇和選項標籤的菜單。請親引導我

<div class="dropdown" data-toggle="dropdown"> 
     <select name="colour" class="form-control"> 
      <option>Please Select</option> 
      <option>red</option> 
      <option>orange</option> 
      <option>blue</option> 
     </select> 
    </div> 

回答

2

列表基本上只用於列出元素。

爲了讓您的下拉列表中的工作,你可以使用選擇選項 HTML標籤,而不是UL

+0

請再次審查這個問題,我有第二個下拉菜單 – WASIF

2

您可以使用OPTGROUP標記爲多級下拉列表。它很容易實現,你可以得到很多文章來幫助你。

+0

更新它,你可以分享一個樣品請,我會感謝你:-) – WASIF

0

任何人都可以修改它來創建大型下拉菜單,請向它添加更多信息。謝謝您的合作可以理解:-)

<div class="dropdown" data-toggle="dropdown"> 
     <select name="Items" class="form-control"> 
      <optgroup label="Group 1"> 
       <option>Item 1</option> 
       <option>Item 2</option> 
       <option>Item 3</option> 
       <option>Item 4</option> 
      </optgroup> 
      <optgroup label="Group 2"> 
       <option>Item 1</option> 
       <option>Item 2</option> 
       <option>Item 3</option> 
       <option>Item 4</option> 
      </optgroup> 
      <option>Clothes</option> 
      <option>Foods</option> 
     </select> 
    </div> 
相關問題