Как автоматически удалить содержимое текстового поля html после передачи текста в скрипт php?

Question

Я работаю над программой, которая идентифицирует клиента заказа на основе содержимого заказа через сканер штрих-кода.Я почти там, но я пытаюсь подтянуть его, чтобы быть более физически эффективным.На данный момент требуется, чтобы содержимое текстового поля было удалено вручную, иначе сканер штрих-кода добавит следующее значение к ранее отсканированному коду.Как получить сброс текстового поля при возможности успешно передать предыдущий штрих-код моему сценарию 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>

Я бы хотел, чтобы моя программа работала так:

1. Сканирование штрих-кода.
2. Его значение переданона мой php-скрипт.
3. Этот штрих-код удаляется из текстового поля.
4. Курсор остается в текстовом поле, так что следующий элемент может быть отсканирован немедленно.

Шаги два и три кажутся взаимоисключающими и, как следствие, моя главная проблема.

Answer 1

Этот вопрос может содержать то, что вам нужно:

1. Дайте тегу формы идентификатор form.
2. Добавьте onclick="submitForm()" к поиску.Кнопка.
3. Добавить этот код JS:

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