如何使用条形码阅读器在HTML表单中填写两个输入[文本]?

时间:2010-01-18 09:46:50

标签: html webforms barcode barcode-scanner

我有一个网页,条形码内容为input text,条形码类型为select

因此,使用数据库,可以生成良好格式的条形码。

普通最终用户不知道哪种条形码是哪种类型,但条形码阅读器知道并且可以将此类型作为键盘输入发送。

问题在于我不知道如何从输入更改为选择。

如果我使用\t,它会在输入中打印一个列表,而不是从输入切换到另一个。如果我使用\n,则提交表单。

您是否知道如何做到这一点,以便我的表格可以使用或不使用条形码阅读器?

它可以打印条形码后跟条形码类型6931442700194|EAN13并在处理表单时拆分内容但是还有其他解决方案吗?

1 个答案:

答案 0 :(得分:2)

您可以使用一些Javascript和onchange event(或某些类似的事件)来检测input text的值已被更改(由您的条形码阅读器)。然后,您获得此值并将其拆分为input textselect

<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;
}