Как заполнить два ввода [текст] в HTML-форме с помощью считывателя штрих-кода?

Question

У меня есть веб-страница с одним input text для содержимого штрих-кода и select для типа штрих-кода.

Таким образом, используя базу данных, можно генерировать штрих-код в хорошем формате.

Обычный конечный пользователь не знает, какой штрих-код и какой тип, но считыватель штрих-кодов знает и может отправить этот тип как ввод с клавиатуры.

Проблема в том, что я не знаюкак перейти от входа к выбору.

Если я использую \t, он печатает табуляцию на входе, а не переключается с входа на другой.Если я использую \n, он отправляет форму.

Есть ли у вас какие-либо идеи о том, как я могу это сделать, чтобы мою форму можно было использовать с устройством считывания штрих-кода или без него?

ЭтоМожно ли распечатать штрих-код с типом штрих-кода 6931442700194|EAN13 и разделить содержимое при обработке формы, но есть ли другое решение?

Answer 1

Вы можете использовать Javascript и событие onchange (или какое-либо подобное событие), чтобы обнаружить, что значение вашего input text было изменено (вашим устройством считывания штрих-кода). Затем вы получите это значение и разделите его на input text и select.

<input type='text' id='inputtext' onchange='splitValue();' />
<select id='myselect'>...</select>

И JavaScript

function splitValue()
{
    var input=document.getElementById('inputtext');
    var select=document.getElementById('myselect');
    var test = input.value;

    // Perform some splitting and formatting

    input.value = splitted_inputvalue;
    select.value = splitted_selectvalue;
}