입력이있는 드롭 다운 메뉴

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); 
});