Question

在我的代码（HTML和JS）中，我有一个包含两个字段的表单;字段A和字段B.我想编写JS代码，它将从字段A获取数据并使用它来设置字段B的默认值。有人可以帮我这样做吗？

Answer 1

如果将问题分解为较小的部分，则似乎有三个组成部分：

从Field A获取价值
设置字段B的值
触发事件

让我们从第一个开始......

引用元素有lots of ways。我们假设你的元素有一个id：

<input type="text" id="fieldA" />

鉴于此，我们可以得到它的价值：

var valueOfFieldA = document.getElementById('fieldA').value;

现在我们有了价值，让我们转到第二个组件......

与上面类似，我们所要做的就是引用元素。一旦我们拥有了它，我们就可以像我们读取它一样轻松地设置它的.value属性。让我们假设标记中有另一个id：

<input type="text" id="fieldB" />

鉴于此，我们可以设置其值：

document.getElementById('fieldB').value = valueOfFieldA;

最后，我们要触发这个。应该按下按钮吗？什么时候发生？现在我假设它应该是字段A的值发生变化时，所以让我们将代码附加到字段A的change事件的事件处理程序中：

document.getElementById('fieldA').onchange = function () {
    var valueOfFieldA = document.getElementById('fieldA').value;
    document.getElementById('fieldB').value = valueOfFieldA;
};

假设在此代码运行时元素存在并且它能够通过id属性找到它们，这个最终结果应该为字段A的change事件分配一个函数，只要其值发生变化，该值就会设置为字段B.

如何从表单动态检索数据？

1 个答案: