下拉菜单与输入框合并

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

- user2706463

Answer 1

使用一些JQuery是相当简单的，首先要包含库（如果还没有包含）：

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

然后添加您的函数：

JQuery：

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

JSfiddle Example

- Simon Staton

---

谁给这个回答点了踩，我可以问一下为什么吗？因为它实际上是正确的答案，而其他两个答案只是它的复制品。 - Simon Staton

Answer 2

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

这个 jQuery 函数将获取被点击的下拉菜单项并将其放置在您的输入框中。

- Thijs Limmen

Answer 3

请查看演示，我认为你正在尝试做这件事情 DEMO

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

- Suresh Pattu

---

@user2706463，你可以通过点赞我的回答来表示感谢 :) 我建议你在这里阅读更多关于 jQuery 的内容：http://www.jquery4u.com/ http://www.w3schools.com/jquery/default.asp - Suresh Pattu