Question

我尝试了几种不同的方式，包括Pure-JS和jQuery，但我无法清除输入文本字段。请帮忙。

以下是相关的HTML：

<div align="center" id="searchDiv"></div>
<input type="text" id="searchBar" size="40" onsubmit="loadAllItems()">
<input type="submit" id="searchButton" value="Search" onclick="loadAllItems()">
<input type="button" value="Reset" onclick="reset()">

我尝试提交searchBar，运行后端代码，然后调用reset（）函数以避免手动清除文本字段：

function reset() {
        document.getElementById("gradeQuestionsForm").reset();
        document.getElementById('Output1').innerHTML = '';
        document.getElementById('Output1').innerHTML = '';
        updateStatus('Form has been reset.');
      }

我使用JSFiddle进行了测试。请指教。

Answer 1

使用jQuery，你可以这样做
fiddle

$('#searchBar').val('');

Answer 2

尝试LOAD TYPE

此外，您需要在JSFiddle中将No wrap -in <head>设置为def search city .... respond_to do |format| format.js end end

在JSFiddle here上查看有关运行脚本的更多信息。

无法清除文本输入字段

2 个答案: