ブートストラップでsearchboxのドロップダウンを有効にするには

右側にselect（ドロップダウン）があるデザインをしていますが、ドロップダウンを押すと何も起こりません。ドロップダウンリスト項目が表示されないなぜオンクリックを聞いていないのですか？私を助けてください。ブートストラップでsearchboxのドロップダウンを有効にするには

私はこのようなsothingやりたいが、コンボボックスが動作しません

：私ははっきりと下にあなたの問題を我慢することはできませんが、あなたならば、私はを理解できるように

<html> 
    <head> 
     <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <link rel="stylesheet" href="../css/bootstrap.css"> 
    <link rel="stylesheet" href="../css/main.css"> 
    <link rel="stylesheet" href="../css/bootstrap.min.css"> 
    </head> 
    <body> 
    <div class="container"> 
     <div class="row"> 
    <div class="col-lg-6"> 
    <div class="input-group"> 
    <div class="input-group-btn"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-  toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
    </div><!-- /btn-group --> 
    <input type="text" class="form-control" aria-label="..."> 
    </div><!-- /input-group --> 
</div><!-- /.col-lg-6 --> 
    <div class="col-lg-6"> 
    <div class="input-group"> 
    <input type="text" class="form-control" aria-label="..."> 
    <div class="input-group-btn"> 
    <button type="button" class="btn btn-default dropdown-toggle" data- toggle="dropdown" aria-haspopup="true" aria-expanded="false">Action <span  class="caret"></span></button> 
    <ul class="dropdown-menu dropdown-menu-right"> 
      <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Separated link</a></li> 
    </ul> 
    </div> 
    </div> 
    </div> 
</div> 
</div> 
<script type="text/javascript" src="../js/bootstrap.min.js"></script> 
<script type="text/javascript" src="../js/bootstrap.js"></script> 
</body> 
    </html>

出典

2016-11-06 Kabera Mugwaneza Alexis

こんにちは有用であると願っています最初に書くことでクラスを特定する

<button type="button" class="btn btn-default ></button>

は、まず、それがこの

<button class="btn btn-default type="button"></button>

使用このドロップダウンコード

<div class="dropdown"> 
    <button class="btn btn btn-default dropdown-toggle" type="button" data- 
    toggle="dropdown">Action 
    <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
    <li><a href="#">HTML</a></li> 
<li><a href="#">CSS</a></li> 
<li><a href="#">JavaScript</a></li> 
</ul> 
</div>

と全体の作業の詳細については、のようなものを動作するクラス名を参照してください、私はあなたの仕事

を更新フィドル下のチェック

DropDown Fiddle Demo

出典

2016-11-06 13:52:26

ありがとう@Assifuzzaman Redoy。上記のあなたのリンクのために動作しますが、私はそれが問題を抱えているJavaScriptのリンクかjsのリンクかどうか推測し始めません。 –

'あなたはリンクを追加する必要がありますが、あなたが提供しているものとまったく同じコードを使っていました。あなたがcdnsを追加した場合、上記の説明を読んでください。 –

Thanks @ works @Asifuzzaman Redoy –

：

私のコード使用する必要があるドロップダウンリストを作成したい

<select class="dropdown-menu"> 
    <option><a href="#">Action</a></option> 
    <option><a href="#">Another action</a></option> 
    <option><a href="#">Something else here</a></option> 
    <option role="separator" class="divider"></option> 
    <option><a href="#">Separated link</a></option> 
</select>

結果は次のとおりです。このhttp://www.w3schools.com/TagS/tryit.asp?filename=tryhtml_option_selected