[SOLUCIONADO] Problema con modificar un value

KhanS · #1 (**permalink**) 21/11/2012, 13:52

Hola a todos, tengo un problema modificando un value.

Código HTML:

 <input type="hidden" id="cant_campos" name="cant_campos" value="0" />

He probado de mil maneras, se me esta pasando algo por alto y no se que puede ser.

Las formas que he intentado son.

Código HTML:

document.getElementById('cant_campos').value = 4;

document.getElementById('cant_campos').setAttribute("value", 4);

var d = document.getElementById('cant_campos');

d.setAttribute("value", 4);

No se que mas probar, porfavor ayudenme.

Gracias de antemano.

Albuss · #2 (**permalink**) 21/11/2012, 22:21

el codigo html lo ejecutas en el body o en el head?,tiene que ser en el head o a través de un src declarado en el head del documento html, recuerda que necesitas un evento onload para llamar a ese tipo de scripts que modifican una parte del html.

angel1993 · #3 (**permalink**) 22/11/2012, 02:04

lo puedes ejecutar en el body siempre que sea después
SI:

Código HTML:

Ver original<input type="hidden" id="cant_campos" name="cant_campos" value="0" /> 
<script>document.getElementById('cant_campos').value = 4;</script>

NO

Código HTML:

Ver original<input type="hidden" id="cant_campos" name="cant_campos" value="0" /> 
<script>document.getElementById('cant_campos').value = 4;</script>

Albuss · #4 (**permalink**) 22/11/2012, 03:11

El caso es que necesitaba llamarlo en un onload, ademas javascript siempre tiene que ser declarado antes del body.

KhanS · #5 (**permalink**) 22/11/2012, 06:53

Lo ejecuto en el head, y efectivamente con el onload, siento no haberlo especificado, y sigue siendo lo mismo. No cambia el value. :S

emprear · #6 (**permalink**) 22/11/2012, 07:13

Cita:

Iniciado por KhanS

Hola a todos, tengo un problema modificando un value.

Código HTML:

 <input type="hidden" id="cant_campos" name="cant_campos" value="0" />

He probado de mil maneras, se me esta pasando algo por alto y no se que puede ser.

Las formas que he intentado son.

Código HTML:

document.getElementById('cant_campos').value = 4;

document.getElementById('cant_campos').setAttribute("value", 4);

var d = document.getElementById('cant_campos');

d.setAttribute("value", 4);

No se que mas probar, porfavor ayudenme.

Gracias de antemano.

Compañero @KhanS
Si quieres que te ayudemos, tu también debes hacerlo,
Estás tratando de modificar el valor de un input, ahora,
y tu html completo? ¿dónde está?,
Estas realizando el cambio desde una función?,
Ese cambio debe realizarse automaticamente?,
Como y dónde estás declarando tu script?

Vamos a jugar con las posibilidades

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function verifica(){
alert(document.getElementById('cant_campos').value);
}
function asignar_valor(){
document.getElementById('cant_campos').value = 4;
}
//]]>
</script>
</head>
<body>
<form action="#">
<input type="hidden" id="cant_campos" name="cant_campos" value="0" />
</form>
<button onclick="asignar_valor();">Asignar valor 4</button>
<button onclick="verifica();">Verificar</button>
</body>
</html>

En este primer ejemplo estás llamando a la función que modifica desde un boton, verificá antes y después

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
function asignar_valor(){
document.getElementById('cant_campos').value = 4;
}
function verifica(){
alert(document.getElementById('cant_campos').value);
}
window.onload = asignar_valor;
//]]>
</script>
</head>
<body>
<form action="#">
<input type="hidden" id="cant_campos" name="cant_campos" value="0" />
</form>
<button onclick="verifica();">Verificar</button>
</body>
</html>

En este segundo ejemplo estás llamando la función en con onload, es decir que no se ejecutará hasta la lectura completa del DOM, con lo que conseguirás que el elemento input pueda ser correctamente identificado por su id

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<form action="#">
<input type="hidden" id="cant_campos" name="cant_campos" value="0" />
</form>
<button onclick="verifica();">Verificar</button>
<script type="text/javascript">
//<![CDATA[
function verifica(){
alert(document.getElementById('cant_campos').value);
}
document.getElementById('cant_campos').value = 4;
//]]>
</script>
</body>
</html>

finalmente, en este caso estás realizando la modificación sin llamar a una función, pero como ves es necesario ejecutar la script posteriormente a que el elemento input haya sido leído por el navegador, es decir, la script se ubica justo antes del cierre del body.

este último caso nos sirve para indicarle a @albuss, que su afirmación NO es correcta, una script No tiene porque ser declarada antes del body.
Sería bueno saber el porque de la valoración negativa a @angel1993, cuyo ejemplo es correcto.

Te señalo @KhanS que estas son cuestiones elementales de javascript, y no deberían ser aprendidas posteando en un foro sino "leyendo los manuales".
Para la próxima por favor, se más preciso en tus enunciados

Saludos

Albuss · #7 (**permalink**) 22/11/2012, 09:23

Emprear, ami siempre y digo siempre, me han enseñado que "tus scripts tienen que ir en el head" , quizás no sea obligatorio estrictamente, pero es lo mas razonable y lo mas lógico.Ademas, no hace mucho vosotros, los mas expertos marcabais la diferencia entre lo ideal y lo posible, lo que puede ser o lo que debe ser, y este creo que es uno de esos casos en que debe ser.

Ademas, el problema, este en concreto ya estaba claramente resuelto con mi primera respeta, lo se por que al empezar con esto de Js también tuve problemas de este tipo, y simplemente se solucionan al saber que este tipo de script requieren invento "post" load de la pagina, un ejemplo es que el puse yo, el onload pero cualquiera otro habría servido.

soledaddelapera · #8 (**permalink**) 22/11/2012, 09:26

Amigos del foro muchas Gracias por las respuestas tenia un problema similar y ya lo solucione.

emprear · #9 (**permalink**) 22/11/2012, 09:39

@albuss, ya te lo señalé con lo de las "comillas simples", en este caso vos no podés afirmar

Cita:

ademas javascript siempre tiene que ser declarado antes del body.

Toda mi valoración se reduce a eso.
En cuanto a tu segunda respuesta, si, puede ser correcta, o no, fijate que los elementos porporcionados por @KhanS en su primer post son incompletos.

Eso del evento onload es una arbitrariedad de tu parte. Imaginate que hiciese esto

Código PHP:

Ver original<html>
<head>
</head>
<body>
<input id="uno" .... value="" />
<?php
if($_POST['algo'] == 1){
echo "
<script>
document.getElementById('uno').value = 'z';
</script>
";
}
?>
</body>
</html>

Sería completamenet apropiado, se entiende.

Es cierto, @KhanS no habló de php, pero no sería la primera vez que alguien nos muestra código javascript que después nos enteramos que está en un php.

Saludos

angel1993 · #10 (**permalink**) 24/11/2012, 03:20

No sé que manía con declarar Scripts y style es head, puedes declararlos donde quieras, me recuerda mucho a la pelea de Tablas VS div´s..
Que me hace muchisima gracia, por que hay webs que tiene 4 lineas pero enlazan .js y .css enormes.... que la primera vez que entras te quedas como 4 segundos cacheandolo todo.
A veces pienso que la gente quiere imponer doctrinas para profesionalizar el sector, sinceramente.

Creo que me ha quedado un poco seriete, pero nada más lejos de la realidad :)

emprear · #11 (**permalink**) 24/11/2012, 07:20

Cita:

Iniciado por angel1993

No sé que manía con declarar Scripts y style es head, puedes declararlos donde quieras, me recuerda mucho a la pelea de Tablas VS div´s..
Que me hace muchisima gracia, por que hay webs que tiene 4 lineas pero enlazan .js y .css enormes.... que la primera vez que entras te quedas como 4 segundos cacheandolo todo.
A veces pienso que la gente quiere imponer doctrinas para profesionalizar el sector, sinceramente.

Creo que me ha quedado un poco seriete, pero nada más lejos de la realidad :)

No @angel1993, volvés a incurrir en el mismo error que señalé antes, decir

Cita:

puedes declararlos donde quieras

es tan impropio como sentenciar

Cita:

javascript siempre tiene que ser declarado antes del body

Con solo ver mi tercer ejemplo te vás a dar cuenta, esa script si fuese declarada en el head perdería funcionalidad.

En conclusión, y si lo que buscan es una frase definitoria diría

"Las scripts deben ser ser declaradas dónde correspondan para su correcto funcionamiento", verdad de perogrullo si se quiere, pero verdad al fin

Saludos