在輸入組中選擇引導程序

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> 

我希望這會有所幫助。