如何实现下拉框点击一个选项，该选项的内容显示在文本框中？

Question

  <div class="input-group">
            <input class="form-control select_of_input">
            <div class="input-group-btn">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu pull-right">
                    <li><a href="#">学一</a></li>
                    <li><a href="#">北洋广场</a></li>
                    <li class="divider"></li>
                    <li><a href="#">其他</a></li>
                </ul>
            </div>
        </div>

这是一个下拉框，想问一下这样的下拉框，如何用js或者jq实现点击下拉框的一个li然后这个li的内容显示在文本框里面~谢谢

Answer 1

$(function(){
$("ul li").click(function(){
alert($(this).text());
$("input#input").val($(this).text());
});
});