如何将新值附加到输入

Question

我有一个搜索框和相关的建议框来显示建议。

用户在搜索框中输入内容后，系统会显示建议。用户可以选择要添加到搜索输入框中的建议之一。然后用户将能够键入其他术语以接收建议等。

我可以显示建议并找出已选择的建议，但我无法将所选建议添加到搜索框中。

我使用了以下所有代码，但它显示了警告消息，但未更改搜索框值。

1. document.getElementById("searchForm").elements[1].value = "0000";
2. $("form#searchForm:input").empty();
3. $("input[name=term]").empty();
4. $('#term').empty()

码

<script type="text/javascript">
    function selectS(value){
        alert("clicked:" + value);
        $('#term').empty()
    }
....

<s:form id="searchForm" method="POST" enctype="multipart/form-data">
     <s:textfield id="term" name="term" label="Search" onkeyup="find(this.value)"/>
</s:form>

Answer 1

而不是JQuery empty（），你应该使用val（）来获取/设置输入的值。

$('#term').val('');    // clears it

或者，附加到它：

function selectS (value){
    alert("clicked:" + value);
    var curr = $('#term').val();
    if (curr)                      // delimit values nicely, if curr not empty.
        curr += ", ";
    $('#term').val( curr + value);
 }