无法清除文本输入字段

Question

I've tried several different ways, including Pure-JS and jQuery, but I can't get my input text field to clear. 我尝试了几种不同的方法，包括Pure-JS和jQuery，但无法清除输入文本字段。 Please help. 请帮忙。

Here's the relevant HTML: 以下是相关的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()">

I'm trying to submit the searchBar, run backend code, and then call the reset() function to avoid manually clearing the text field: 我正在尝试提交searchBar，运行后端代码，然后调用reset（）函数以避免手动清除文本字段：

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

I tested with a JSFiddle . 我用JSFiddle进行了测试。 Please advise. 请指教。

Answer 1

With jQuery you can do like this 使用jQuery，您可以这样做
fiddle 小提琴

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

Answer 2

Try document.getElementById("searchBar").value = ''; 试试document.getElementById("searchBar").value = '';

Also, you need to set LOAD TYPE TO No wrap -in <head> in your JSFiddle 另外，您需要在JSFiddle中将LOAD TYPE设置为No wrap -in <head>

. 。

See more on running script on JSFiddle here . 在此处查看有关在JSFiddle上运行脚本的更多信息。

无法清除文本输入字段

问题描述

2 个解决方案

解决方案1
2 2016-04-14 19:57:54

解决方案2
0 2016-04-14 20:15:30

无法清除文本输入字段

问题描述

2 个解决方案

解决方案1 2 2016-04-14 19:57:54

解决方案2 0 2016-04-14 20:15:30

解决方案1
2 2016-04-14 19:57:54

解决方案2
0 2016-04-14 20:15:30