Bootstrap 3 - Metin girişi

Question

altındaki açılır arama sonuçları Ben önyükleme 3 çerçevesinde gezinme çubuğunda bir metin girişi var.

<div class="navbar navbar-default navbar-static-top"> 
    <div class="container"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">Title</a> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <div class="navbar-form navbar-right"> 
     <div class="form-group"> 
      <input type="text" placeholder="Search..." id="search" class="form-control" /> 
     </div> 
     <a href="#" class="btn btn-success">Contact</a> 
     </div> 
    </div> 
    </div> 
</div> 

İşte bunun için jsfiddle geçerli: http://jsfiddle.net/KKm3M/1/ benim metin giriş Tuşa basıldığında arama sonuçları için veritabanı isabet neyi

. İyi çalışıyor, sonuçları başka bir yerde geçici bir div atarak test ettim.

Şimdi bu sonuçları metin girişi altında açılır menü olarak görünmesini istiyorum. İlk sonuç geri gönderildikten sonra açılır menü açılır. Snippet'leri aramayı denedi, ancak sefil bir şekilde başarısız oldu. Bunu nasıl yapabilirim?

Answer 1

Sen DataLists kullanabilirsiniz: tarayıcı desteği (caniuse) büyüyor

<label for="something"> 
    Input "Something": 
    <input id="something" list="somethingelse"> 
    <datalist id="somethingelse"> 
     <option value="Something"></option> 
     <option value="Something Else"></option> 
     <option value="Another One"></option> 
     <option value="Alpha"></option> 
     <option value="Bravo"></option> 
     <option value="Charlie"></option> 
     <option value="Delta"></option> 
     <option value="Echo"></option> 
     <option value="Foxtrot"></option> 
     <option value="Gamma"></option> 
    </datalist> 
</label> 

.

Here kullanımları örneğidir. Aradığınız Ne