javascript - 如何将新值附加到输入

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);
 }