div 中class 是input 如何让两个input数据同步
时间: 2023-06-26 22:08:21 浏览: 70
你可以使用 JavaScript 来实现让两个 input 数据同步。具体来说,你可以监听其中一个 input 的输入事件,然后将输入的值设置给另一个 input。示例代码如下:
```html
<div>
<input class="input1" type="text">
<input class="input2" type="text">
</div>
<script>
const input1 = document.querySelector('.input1');
const input2 = document.querySelector('.input2');
input1.addEventListener('input', () => {
input2.value = input1.value;
});
input2.addEventListener('input', () => {
input1.value = input2.value;
});
</script>
```
在这个示例中,我们监听了 input1 的输入事件,并将输入的值设置为 input2 的值。同时,我们也监听了 input2 的输入事件,并将输入的值设置为 input1 的值。这样,当其中一个 input 的值改变时,另一个 input 的值也会同步更新。
阅读全文