如何在输入字段中保留搜索词

Question

我有一个输入元素

<div>
<input type="text" id="query" autocomplete="off" />
</div>

其触发CCD_ 1搜索。提交后，输入字段将被清除(可能是由于页面重新加载？(。

如何在输入字段中保留查询项(或在提交时重新填充(？

Answer 1

我怀疑与您的页面关联的按钮发出了提交(例如<button type="submit">Search</button>(。如果是这种情况，您需要确保在再次呈现页面时输入用户提交的值，您将在value属性中执行此操作，例如

<div>
<input type="text" id="query" autocomplete="off" value="the-value-the-user-entered" />
</div>

当用户发出搜索时，您也可以发出AJAX调用，在这种情况下，表单不会重新加载，您不需要担心这一点，但随后您需要编写代码来发出AJAX呼叫。