html - 输入组中的引导选择

因此，我刚刚购买了“我的城市”这个主题，它基于引导程序。问题是它有一个搜索框，旁边有一个下拉按钮。我希望它是一个选择而不是一个按钮。当前，如果我简单地从更改为，它将不再位于输入组中，并且不会绑定到搜索框。 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>

最佳答案

您的html中的标记不正确。
select的基本标记如下所示。

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

我希望这有帮助。

关于html - 输入组中的引导选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45176104/