如何向输入添加新值

How to append new values to input

本文关键字:添加 新值 输入      更新时间:2023-09-26

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

一旦用户在搜索框中输入内容,建议就会出现。用户可以选择要添加到搜索输入框中的建议之一。然后用户将能够输入其他术语来接收建议等等。

我可以显示建议并找出哪个建议已被选中,但我不能将选中的建议添加到搜索框中。

我使用了以下所有代码,但它显示了警报消息,但不改变搜索框的值。

  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>

您应该使用val()来获取/设置输入的值,而不是JQuery的empty()。

$('#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);
 }