2017-07-18 10 views
0

このテーマ「My City」を購入したばかりなので、ブートストラップベースです。問題は、検索ボックスの横にドロップダウンボタンがあることです。私はそれをボタンの代わりに選択したい。現在のところ、fromに変更するだけで入力グループにはもう入らなくなり、検索ボックスに限定されません。 Here you can see a preview of the theme。 "Market"と入力してドロップダウンが表示されます。現在はドロップダウンですが、選択肢にしたいと思っています。ここで入力グループのブートストラップを選択

は、入力グループのコードです:あなたのhtmlで

<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> 

答えて

0

マークアップが正しくありません。 selectの基本マークアップは次のようになります。

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

これが役立ちます。

+0

申し訳ありませんが、私が貼り付けたコードは単なる実験的なものでした。私はそれが間違っていたことを認識します。私は今それを編集しました。 –

関連する問題