Question

我正在尝试实现一个dropDownList，它在每一行包含两个控件：一个Label和一个Button，但我的问题是我不知道如何做到这一点。

在谷歌上搜索没有给我带来任何有用的结果，所以我不知道从哪里开始，或者我不知道该搜索什么。如果用户点击标签，这个dropDownList应该作为标准的，如果点击按钮，则应该引发不同的事件。

我知道这不是标准类型的问题，但如果有人能帮助我，我将不胜感激。

Answer 1

Dropdownlist只是一个列表。那么为什么你需要在Dropdownlist中使用Button和label？

DropDownList 是一个控件。因此无法在下拉列表中添加按钮和标签

如果您需要在dropdownvalue更改时执行某些活动，则可以使用 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>

下拉列表一行包含两个可选选项

1 个答案: