Dropdownlist一行包含兩個可選擇的選項

Question

我想實現一個dropDownList，其中包含兩個控件的每一行：一個標籤和一個按鈕，但我的問題是，我不知道如何做到這一點。

在谷歌搜索給了我沒有有用的結果，所以我不知道從哪裏開始，或者我不知道要搜索什麼。如果用戶點擊標籤，這個dropDownList應該作爲一個標準的工作，或者如果點擊該按鈕則產生一個不同的事件。

我知道這不是在這裏的標準類型的問題，但如果任何人都可以幫助我將不勝感激。

Answer 1

Dropdownlist只是一個列表。那麼爲什麼你需要Dropdownlist中的按鈕和標籤？

The DropDownList是一個控件。因此不可能在下拉列表中添加按鈕和標籤

如果您需要在下拉列表更改時執行一些操作，則可以使用OnSelectedIndexChanged。您可以使用它像ButtonClick事件

如果按鈕和標籤是必要的，你再以不同的方式使用框架添加它們，或者OnSelectedIndexChanged事件創建按鈕和標籤

試試這個，如果你正在尋找雙選擇相關下拉列表，然後嘗試像下面

CSS

ul.dropdown-menu li{ 
    width: 500px; 
} 
ul.dropdown-menu li a.text-left{ 
    float: left; 
    width: 49%; 
} 
ul.dropdown-menu li a.text-right{ 
    float: right; 
    width: 50%; 
} 

HTML

<div class="btn-group"> 
<button type="button" class="btn btn-default btn-lg">big button</button> 
<button type="button" class="btn btn-default btn-lg dropdown-toggle" data-toggle="dropdown"> 
    <span class="caret"></span></button> 
<ul class="dropdown-menu"> 
    <li> 
     <div> 
      <a href="#" class="text-left"> 
       full name must align to left 
      </a> 
      <a href="#" class="text-right"> 
       short name - align to right 
      </a> 
     </div> 
    </li> 
    <li> 
     <div> 
     <a href="#" class="text-left">left</a> 

     <a href="#" class="text-right">right</a> 
     </div> 
    </li> 
    <li> 
     <div> 
     <a href="#" class="text-left">left</a> 

     <a href="#" class="text-right">right</a> 
     </div>  
    </li> 

    <li> 
     <div> 
     <a href="#" class="text-left"> 
      full name must align to left 
     </a> 

     <a href="#" class="text-right"> 
      short name - align to right 
     </a> 
     </div>  
    </li> 

</ul> 
</div>