Javascript 无法清除文本输入字段

我尝试了几种不同的方法，包括纯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()">

---

我测试了一个测试。请告知。

使用jQuery，您可以这样做

---

尝试

document.getElementById（“搜索栏”）。值=“”

另外，您需要在JSFIDLE中将
LOAD TYPE
设置为
No wrap-in


请参阅有关在JSFIDLE上运行脚本的详细信息。
重复的-如果您尝试了几种不同的方法，请共享，以便我们能够更好地帮助您。将所有输入字段包装在
标记中，然后将重置按钮类型设置为重置为`type=“reset”`。这是重置按钮的默认功能，无需编写javascript函数。感谢您对JSFIDLE的帮助。我感觉自己像是在上编码幼儿园：学习形状和颜色。
function reset() {
        document.getElementById("gradeQuestionsForm").reset();
        document.getElementById('Output1').innerHTML = '';
        document.getElementById('Output1').innerHTML = '';
        updateStatus('Form has been reset.');
      }

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