选中<li>到输入框

Question

我目前正在创建此选项，其中一个从数据库获取所有数据，并且在单击下拉列表时可以看到数据。唯一的问题是，我想从该下拉列表中单击一个<li>，并将其放在下面的输入框中，这样该项目就可以提交到另一个表格。

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
        Business Objective
        <span class="caret"></span>
    </button>
    <ul id="bolist" style="margin-left: 575px;" class="dropdown-menu">
        <c:forEach var="row" items="${objectives.rows}" varStatus="status">
            <li>
                <a href="#/"><c:out value="${row.objective}"/></a>
            </li>
        </c:forEach>
    </ul>
</div>

所以所有数据都在那里的下拉列表中。我的input看起来像这样：

<div class="form-group col-md-8">
    <label class="col-md-11 control-lable">Objective</label>
    <div class="col-md-11">
        <form:input type="text" path="objective" id="inputobjective" class="form-control input-lg"/>
    </div>
</div>

输出（对于每个选项，我希望所选值进入输入）  

Answer 1

这应该适合你：

$('#bolist').on('click','li',function(){
  $('#inputobjective').val( $(this).find('a').text() );
});