C# 如何在引导中使用asp.net的dropdownlist作为输入组

我在输入组中添加dropdownlist时遇到问题

我用这个

<div class="input-group">
 <div class="input-group-btn">
  <asp:DropDownList runat="server" CssClass="selectpicker form-control">
  <asp:ListItem Value="Val">Item1sadfasdf</asp:ListItem>
  <asp:ListItem Value="Val3">Item2asdfasd</asp:ListItem>
  </asp:DropDownList>
 </div>

<asp:TextBox CssClass="form-control" ID="txtSearch" runat="server"></asp:TextBox>
<span class="input-group-btn">
<asp:Button CssClass="btn btn-info" runat="server" Text="Search" ID="btnSearch" OnClick="btnSearch_Click" />
</span>
</div>

并向我展示了这样的输出

<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span runat="server" id="spanCategory">All Category</span>&nbsp&nbsp<span class="caret"></span></button>
<ul id="myMenu" class="dropdown-menu">
<li><a href="#">All Category</a></li>
<li class="divider"></li>
<li><a href="#">JO Number</a></li>
<li><a href="#">Date</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Client Name</a></li>
<li><a href="#">Institution</a></li>
<li><a href="#">Department</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Priority</a></li>
<li><a href="#">Problem</a></li>
<li><a href="#">Remark</a></li>
<li><a href="#">Assigned</a></li>
<li><a href="#">CITI Department</a></li>
</ul>
</div>

<asp:TextBox CssClass="form-control" ID="txtSearch" runat="server"></asp:TextBox>
<span class="input-group-btn">
<asp:Button CssClass="btn btn-info" runat="server" Text="Search" ID="btnSearch" OnClick="btnSearch_Click" />
</span>
</div>

这正是我想要的，但问题是，每次我单击执行回发的搜索按钮时，它只是将该值更改为默认值，即“所有类别”值。。该值只是通过jQuery更改的，但每次回发都会将该值恢复为默认值，因此我决定使用dropdownlist，即使发生回发，它也会保留其值。。但是设计不是很好

---

如何使其与我喜欢的设计相同。。非常感谢您使用

DropDownList

作为输入组，您需要这样的代码：

<div class="input-group">
  <asp:DropDownList ID="DD1" runat="server" CssClass="form-control" AutoPostBack="true" />
  <span class="input-group-btn">
    <button id="btn" class="btn btn-default" type="button">Reset</button>
</span>
</div>

重置

您遇到的问题是

输入组
div
标记中的文本框以及下拉列表。这会导致它们同时显示，并且您的按钮跨越两行