将文本传递给 php 脚本后如何自动删除 html 文本字段的内容？答案

【问题标题】：How does one automatically delete the contents of an html text field after passing the text to a php script?将文本传递给 php 脚本后如何自动删除 html 文本字段的内容？
【发布时间】：2019-04-14 01:40:33
【问题描述】：

我正在开发一个程序，该程序通过条形码扫描仪根据订单内容识别订单客户。我快到了，但我正在努力收紧它以提高身体效率。到目前为止，它需要手动删除文本字段内容，否则条形码扫描仪会将下一个值附加到先前扫描的代码上。如何在仍然能够成功地将以前的条形码传递给我的 php 脚本的同时重置文本字段。

我尝试了一些自动清除文本字段的 JavaScript 函数，但由于某种原因，这些函数阻止了将条形码传递给 php 脚本。我怀疑问题出在这部分代码的某个地方。

<form name="basket-form" action="phpFiles/search.php" target="resultsFrame" method="post">
    <p>Scan items here:</p>      
    <input id="textInput" type="text" name="item" onfocus="this.value=''"/>
    <input type="submit" name="search" value="Search"/>
    <input type="submit" name="clear" value="Clear"/>
    <p></p>
</form>

我希望我的程序这样运行：

扫描条码。
它的值被传递给我的 php 脚本。
此条形码已从文本字段中删除。
光标停留在文本字段中，以便立即扫描下一项。

第二步和第三步似乎是相互排斥的，因此是我的主要问题。

【问题讨论】：

标签： html text reset enter

【解决方案1】：

This问题可能有你需要的：

为表单标签指定 ID form。
将onclick="submitForm()" 添加到搜索按钮。
添加这个JS代码：

function submitForm() {
   var form = document.getElementByID('search'); // Get form object
   form.submit(); // Submit
   form.reset();  // Reset
   return false; // Prevent page refresh
}

【讨论】：