帶輸入的下拉菜單

Question

我想單擊元素時，元素必須放入我的輸入中。但我不知道該怎麼做？

<div class="control-group span3 offset3 "> 

    <div class="input-append btn-group"> 
     <input id="appendedInputButton" type="text"> 
     <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> 
      <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu"> 
     <!-- ko foreach: $data.phoneNumbers() --> 
      <li><span data-bind="text: $data.phoneNumber()"></span> </li> 
      <!-- /ko --> 
     </ul> 
    </div> 

http://imageup.fr/uploads/1377857115.jpeg

Answer 1

使用一些JQuery的它相當簡單，首先包括如果尚未列入該庫：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

添加您的功能：

JQuer Y：

$(".dropdown-menu li span").click(function() { 
    $('#appendedInputButton').val($(this).text()); 
}); 

JSfiddle Example

Answer 2

$('.dropdown-menu li').on('click', function(){ 
    $('#appendedInputButton').val($(this).text()); 
}); 

這個jQuery功能將採取點擊下拉菜單項和

Answer 3

檢查其放置在輸入框出來的演示中，我想你想這樣做只有DEMO

$('.dropdown-menu li span').click(function(){ 
    var elementVal=$(this).text(); 
    $('#appendedInputButton').val(elementVal); 
});