Question

我想使用JavaScript在另一个表单字段值的基础上立即自动填充表单元素/字段值。

如图所示，如果用户将选项填写为“ A”，则必须在不刷新的情况下自动用B填充“已填充”字段。

在此先感谢您的帮助：）

Answer 1

据我了解；当用户写“ A”时，应运行javascript并将“ B”放在其他字段中。

如果是这样，那么在我的以下代码中，我首先放置了一个onchange函数，这意味着它仅在用户单击文本框之外时才运行（您可以使用onsubmit和Submit按钮，我只是使用此方法来避免使用表单）。它将调用函数“ autofill（）”。 autofill（）具有3行代码，第一行将在文档中搜索ID“ field1”，并获取其值并将其保存为变量x。第二个将把它与硬编码字符“ A”进行比较，如果等于A，则将移动到第三行，将“ B”放置在ID为“ field2”的第二个字段中。

HTML：

<input type='text' id='field1' onchange="autofill()">
<input type='text' id='field2'>

Javascript：

function autofill(){
    var x = document.getElementById('field1').value;
    if(x=='A')
    {
        document.getElementById('field2').value= 'B';
    }
}

您可以创建多个'if'语句来检查其他字符，或者如果希望它显示'B'，则将所有if语句一起删除！

希望这会有所帮助，并且不要忘记“检查”正确的答案！

如何使用javascript在html中基于其他字段的值填充表单字段

1 个答案: