向一个文本框输入值,其他文本框同时赋值
时间: 2024-04-30 08:20:06 浏览: 196
你可以使用JavaScript来实现这个功能。具体步骤如下:
1. 获取输入框的值
首先,你需要获取到输入框中的值。你可以使用 `document.getElementById` 方法获取输入框元素,并使用 `value` 属性获取输入框的值。例如,如果你的输入框的 id 是 `input1`,那么获取输入框的值的代码如下:
```
var inputValue = document.getElementById('input1').value;
```
2. 将值赋给其他输入框
接下来,你需要将获取到的值赋给其他的输入框。你可以使用 `document.getElementById` 方法获取其他输入框的元素,并使用 `value` 属性将值赋给它们。例如,如果你想将值赋给 id 分别为 `input2` 和 `input3` 的两个输入框,那么代码如下:
```
document.getElementById('input2').value = inputValue;
document.getElementById('input3').value = inputValue;
```
最终,你可以将上述代码放入一个函数中,并将其绑定到输入框的 `oninput` 事件上,这样当输入框的值发生变化时,函数就会被触发,从而将输入框的值赋给其他的输入框。
完整的代码如下:
```
<input type="text" id="input1" oninput="updateInputs()"/>
<input type="text" id="input2"/>
<input type="text" id="input3"/>
<script>
function updateInputs() {
var inputValue = document.getElementById('input1').value;
document.getElementById('input2').value = inputValue;
document.getElementById('input3').value = inputValue;
}
</script>
```
阅读全文