javascript 修改input的值

在网页开发过程中，常常需要通过JavaScript来修改页面上的输入框(如元素)的值。修改输入框的值可以起到多种作用，如自动填充、验证输入内容等。在JavaScript中，可以使用document对象的getElementById方法或querySelector方法来获取页面上的输入框元素。通过获取到的元素，就可以使用其value属性来获取或设置输入框的值。例如，下面的代码演示了如何获取一个id为"username"的输入框元素，并将其值设为"admin"：

var usernameInput = document.getElementById("username");usernameInput.value = "admin";

如果页面上有多个符合条件的元素，querySelector方法则可以根据CSS选择器来获取指定元素。例如，下面的代码演示了如何获取一个class为"email"的第一个输入框元素，并将其值设为"example@example.com"：

var emailInput = document.querySelector(".email");emailInput.value = "example@example.com";

不仅如此，输入框的值也可以根据用户的操作进行自动修改。例如，文本框的值可以在输入文字时自动变化，或者在用户提交表单时被自动修改。下面的代码演示了如何在用户每次在一个id为"password"的输入框中输入字符时，自动在另一个id为"confirm-password"的输入框中填入相同的字符：

var passwordInput = document.getElementById("password");var confirmPasswordInput = document.getElementById("confirm-password");passwordInput.addEventListener("input", function() {confirmPasswordInput.value = passwordInput.value;});

当用户在"password"输入框中输入文字时，input事件会被触发。该事件会执行一个函数，将"value"属性设置为密码输入框的值。从而实现了自动填入确认密码的需求。总之，在JavaScript中，通过获取页面上的输入框元素并设置其"value"属性，可以修改输入框的值，实现多种功能。我们可以使用事件监听器等技术，通过页面上的交互行为，来自动修改输入框的值。

上一篇：java求1-n的连续偶数和

下一篇：javascript 全屏插件

---

javascript 修改input的值