js jq-如何實現下拉框點擊一個選項，該選項的內容顯示在文本框中？

如何實現下拉框點擊一個選項，該選項的內容顯示在文本框中？

  <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的內容顯示在文本框裡面~謝謝

最佳回答：

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