Question

我在html页面上有多个具有相同名称的隐藏字段，如下所示

    <input type="hidden" name="customerID" value="aa190809" />

我需要更新所有隐藏字段的值，即customerID

我知道怎么做（通过Jquery）如果html页面包含单个隐藏字段customerID如下所示但不确定是否有多个隐藏字段具有相同名称

            if(updatedCsrf !== null) {
                var customerIDHidden = $("input[name='customerID']");
                if(customerIDHidden !== null) {
                    customerID.val("some_value");
                }
            }

Answer 1

您可以这样做：

$("input[name=customerID]").each(function(){
    this.value ="new value"
})

this将引用每个DOM元素。您可以将this.value替换为$(this).val("new value")，然后再次将其解析为jQuery DOM元素，但由于您只需要使用javascript vanilla更改其值（

）

Answer 2

你可以用纯JS，

来做到这一点

var x = document.getElementsByName("customerID");
for(var i=0; i < x.length;i++){
  x[i].value='new value';
}

Answer 3

使用jQuery每个函数

$("input[name='customerID']").each(function(){
    $(this).val("some-value");
});

如何更新所有具有相同名称的隐藏字段？

3 个答案: