jquery设置input值

使用 jQuery 设置 input 值的方法

方法一：使用 .val() 方法
通过 jQuery 的 .val() 方法可以直接设置 input 元素的值。这是最常用的方式，适用于 input、textarea 和 select 元素。

// 设置 input 的值为 "Hello World"
$("#inputId").val("Hello World");

方法二：通过属性 .attr() 设置
如果需要直接修改 value 属性，可以使用 .attr() 方法。

// 修改 input 的 value 属性
$("#inputId").attr("value", "Hello World");

方法三：动态绑定事件后设置值
如果需要在事件触发时设置值，可以结合事件监听器使用。

// 点击按钮时设置 input 的值
$("#buttonId").click(function() {
    $("#inputId").val("Dynamic Value");
});

方法四：设置多个 input 的值
如果需要批量设置多个 input 的值，可以通过遍历实现。

// 为所有 class="form-input" 的 input 设置值
$(".form-input").each(function() {
    $(this).val("Default Value");
});

方法五：结合表单提交设置值
在表单提交前动态修改 input 的值。

$("#formId").submit(function(e) {
    e.preventDefault();
    $("#hiddenInput").val("Submitted Value");
    this.submit();
});

注意事项

• .val() 方法适用于大多数表单元素，而 .attr() 适用于直接操作 HTML 属性。
• 动态设置值后，可能需要触发 change 事件以使相关监听器生效：

  $("#inputId").val("New Value").trigger("change");

根据需求选择合适的方法，确保代码清晰且符合业务逻辑。