如何使用asp.net作爲輸入組的下拉列表中的引導

Question

我有一個問題，在增加輸入組下拉列表..

我用這一個..

<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保留其價值，即使有回發發生..但設計是不是很好..

如何使其與我喜歡的設計相同..非常感謝你

Answer 1

要使用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> 

你的問題是input-groupdiv標籤內的文本框，以及下拉。這導致它們都顯示並且您的按鈕跨越兩行。