Tengo varios campos ocultos con el mismo nombre en la página html como a continuación

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

Necesito actualizar los valores de todos los campos ocultos con el mismo nombre, es decir, customerID

Sé cómo hacerlo (a través de Jquery) si la página html contiene un solo campo oculto con customerID como a continuación, pero no estoy seguro de si hay varios campos ocultos con el mismo nombre

            if(updatedCsrf !== null) {
                var customerIDHidden = $("input[name='customerID']");
                if(customerIDHidden !== null) {
                    customerID.val("some_value");
                }
            }
0
scott miles 31 oct. 2017 a las 07:09

3 respuestas

La mejor respuesta

Puedes hacer algo como esto:

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

this hará referencia a cada elemento DOM. Puede analizarlo nuevamente en el elemento jQuery DOM reemplazando this.value por $(this).val("new value") pero ya que solo necesita cambiar el valor es mejor con javascript vanilla

1
Frankusky 31 oct. 2017 a las 04:16

Puedes hacerlo con JS puro,

var x = document.getElementsByName("customerID");
for(var i=0; i < x.length;i++){
  x[i].value='new value';
}
0
Always Sunny 31 oct. 2017 a las 04:18

Use jQuery en cada función

$("input[name='customerID']").each(function(){
    $(this).val("some-value");
});
0
Mad Angle 31 oct. 2017 a las 04:29