No se puede establecer el valor del campo de entrada oculto usando jQuery

Tengo un campo de entrada sencilla dentro de una etiqueta de formulario:No se puede establecer el valor del campo de entrada oculto usando jQuery

<body> 
    <form action="#"> 
     <label>Input</label> 
     <input type="hidden" id="foo" name="foo" /> 

    </form> 
</body>

traté de establecer este valor a partir de un archivo JS:

$(document).ready(function(){ 
    $('#foo').val('foo') 
})

pero en la fuente html, el atributo no está configurado en absoluto. Si trato de configurar el tipo de entrada para "botón" o cualquier otra cosa, funciona. Simplemente no puedo hacerlo con un campo de entrada hidden. ¿Qué estoy haciendo mal?

Fuente

2010-01-21 framomo86

La respuesta aceptada no responde a la pregunta real, a pesar de ser útil para llegar a una solución. Probablemente sea mejor aceptar una respuesta realmente correcta ya que esta pregunta obtiene 10k + visitas por año. –

¿Te ayudaría si le das al campo de entrada un valor inicial? (incluso si es una cadena vacía) –

¿Se puede recuperar el valor de la campo oculto si configura la etiqueta val?

p. Ej.

<input type="hidden" id="foo" name="foo" value="bar" /> 

$(document).ready(function(){ 
    alert($('#foo').val()); 
})

Fuente

2010-01-21 13:09:51 Fermin

+16

Solo para aclarar: el autor intentaba ver el valor modificado usando "Ver código fuente". Los cambios de nota realizados a DOM dinámicamente no son visibles a través de "Ver código fuente". – jjmontes

hay algo raro cuando necesitas clonar la entrada oculta http://jsfiddle.net/YvBfP/ – max4ever

que había necesidad de ver todo el archivo, pero mi conjetura es o no está incluyendo el archivo de origen jquery.js o si tiene múltiples elementos con un diámetro interior de foo

Fuente

2010-01-21 13:09:40

héhé ... Tenía dos identificaciones idénticas en dos formas, y su respuesta me hizo pensar en verificar esto ... ¡gracias! – citraL

I lo solucionaron. El valor fue establecido por jQuery, pero cuando lo visualicé, el nuevo valor no se mostró. Intenté esto (gracias a Fermin):

$('#foo').val('poo') 
alert($('#foo').val())

y mostró el valor modificado.

Fuente

2010-01-21 13:18:04 framomo86

Recomiendo usar una herramienta de desarrollo como firebug para que Firefox vea el código fuente dinámico más fácilmente. – David

Si Fermin respondió su pregunta, debe marcarla como la respuesta aceptada. – rfunduk

El complemento de desarrollador web de Firefox también tiene una herramienta 'Ver fuente generada' que mostrará la fuente con todos los cambios de JavaScript aplicados. –

También he estado luchando con esto. Si establece un valor inicial, digamos '0', y luego mira el DOM usando algo como Firebug, notará que el DOM se actualiza. Por alguna razón, si el valor inicial se establece en nulo o en una cadena vacía, el DOM no se actualiza, pero el valor aún se almacena.

Usted puede probar esta alertando al val después de haber establecido que (como se sugiere en los mensajes anteriores)

Fuente

2010-10-15 11:09:28

que tenía el mismo problema con un campo de entrada oculto. Id configuré el valor inicial en 0, funciona bien, pero a veces no quería tener un valor inicial de 0. Así que probé con value = "", un espacio en blanco, y también me funciona. Si completa la dinámica del valor desde PHP, puede hacer value="<?= $val+0; ?>" si 0 está bien para usted, o value="<?= $val; ?> " si un espacio en blanco está bien.

Fuente

2010-10-20 09:51:23 mtom

puede confirmar. Al inicializar el campo de entrada oculto con "", tengo problemas para actualizarlo y modificarlo con jQuery. Al inicializarlo con 0 funcionó para mí. –

Tuve este problema cuando POST -ing mi formulario y mi script PHP no pudo obtener POST -ed valor. Utilicé esto:

$('#elemId').attr("name", theValue);

Espero que ayude.

Fuente

2011-05-17 10:40:26 remo

La mejor respuesta que encontré fue en el formulario http://forum.jquery.com/topic/passing-value-to-hidden-form-field.

En lugar de $('#Data').val(data); Cuando el ID de campo oculto es 'Datos'

Uso $('input[name=Data]').val(data);

funciona perfectamente para mí

Fuente

2011-10-19 13:53:00

funciona porque los "datos" aquí son el "nombre" de la entrada, no del id. De todos modos, un voto positivo de mí porque también lo olvidé. –

Ninguna de las soluciones anteriores funcionó para mí.

que tenía que hacer lo siguiente para que funcione:

$('#foo').val(data).blur();

Fuente

2013-07-19 04:55:36

En lugar de inicializar el atributo de valor con una cadena inicializar su entrada como esta.

<input type="hidden" name="foo" id="foo" value="${foo}">

"foo" contendrá el nuevo valor que usted configuró también.

Fuente

2015-02-12 09:37:05 Noris

sé que es, pero todavía a que esto podría ayudar a alguien tarde .... Si ninguna de las soluciones anteriores trabajos, acaba de hacer esto ...

$(document).ready(function() { 
$('#foo').attr("value","foo") });

Fuente

2015-11-19 03:39:26

No se puede establecer el valor del campo de entrada oculto usando jQuery

Respuesta

Cuestiones relacionadas