在输入组中选择引导程序

Question

所以我刚买了这个主题“我的城市”，它是基于bootstrap的。问题是它有一个搜索框，旁边有一个下拉按钮。我希望它是一个选择而不是一个按钮。目前，如果我简单地更改为它不再位于输入组中，并且它不会被限制在搜索框中。 Here you can see a preview of the theme。 你可以看到一个带有“市场”的下拉菜单。它目前是一个下拉菜单，但我希望它是一个选择。

这里是输入组代码：

<div class="input-group"> 
<input type="text" class="form-control" aria-label="..."> 
<div class="input-group-btn btn_cat"> 
<button type="button" class="btn btn-default dropdown-toggle" datatoggle="dropdown" aria-expanded="false"> 
<span><i class="fa fa-shopping-cart"></i>Market<span class="caret"></span></span> 
</button> 
<ul class="dropdown-menu dropdown-menu-right place_dd" role="menu"> 
<li><a class="cinema"><i class="fa fa-film"></i>Cinema</a></li> 
<li><a class="club"><i class="fa fa-beer"></i>Club</a></li> 
<li><a class="cafe"><i class="fa fa-cutlery"></i>Cafe</a></li> 
<li><a class="sport"><i class="fa fa-futbol-o"></i>Sport</a></li> 
<li><a class="port"><i class="fa fa-life-ring"></i>Port</a></li> 
<li><a class="bank"><i class="fa fa-university"></i>Bank</a></li> 
<li><a class="post"><i class="fa fa-envelope-o"></i>Post</a></li> 
<li><a class="showplace"><i class="fa fa-eye"></i>Showplace</a></li> 
<li><a class="park"><i class="fa fa-leaf"></i>Park</a></li> 
</ul> 
</div> 
<div class="input-group-btn btn_promo_search"> 
<button type="button" class="btn btn-success">Search</button> 
</div> 
</div> 

Answer 1

标记，在你的HTML不正确。 select的基本标记看起来像这样。

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select> 

我希望这会有所帮助。