jquery 更改输入值 - Javascript (1)

📌 相关文章

📜 jquery 更改输入值 - Javascript (1)

📅 最后修改于: 2023-12-03 15:02:15.284000 🧑 作者: Mango

jQuery 更改输入值 - JavaScript

在前端开发中，经常需要动态更改输入框的值。本文将介绍如何使用 jQuery 更改输入框的值。

步骤

以下是更改输入框值的步骤：

选择要更改值的输入框元素，可以使用 id 或 class 属性选择器，如：

// 通过 ID 选择器选择输入框元素
var inputElem = $('#myInput');

// 通过类名选择器选择输入框元素
var inputElem = $('.myInput');

使用 val() 方法设置输入框的值，如：

// 设置输入框的值
inputElem.val('new value');

示例

以下是一个示例程序，通过点击按钮，将输入框的值设置为新的内容：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>jQuery 更改输入值 - JavaScript</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
  <input type="text" id="myInput" value="old value">
  <button id="myButton">更改值</button>
  <script>
    $(document).ready(function() {
      $('#myButton').on('click', function() {
        // 选择输入框元素并设置新的值
        $('#myInput').val('new value');
      });
    });
  </script>
</body>
</html>

点击“更改值”按钮后，输入框的值将更改为“new value”。

结论

本文介绍了使用 jQuery 更改输入框的值的步骤，并提供了示例程序。在实际开发中，根据实际需要，可以使用这种方法动态更改输入框的值。