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>