hacer igual el value de un elemento con el valor de otro

oscarbt · #1 (**permalink**) 29/12/2012, 11:43

Hola a todos, no se si el titulo este claro pero lo que estoy intentando hacer es que el value de un elemento sea igual al de otro, pero sin ejecutar ningun tipo de evento:

Aca el codigo:

Código HTML:

Ver original<input type="text" id="val_cua"  value="5" />
 <input type="text" value="+'document.getElementById('val_cua').value;'+" name="total_objecion" id="total_objecion"  />

Es posible hacer eso sin utilizar eventos?...Espero me puedan ayudar, gracias

emprear · #2 (**permalink**) 29/12/2012, 13:08

Si se puede, definiendo la script posteriormente a la generación del elemento en el DOM

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="text" id="val_cua"  value="5" />
 <input type="text" value="" name="total_objecion" id="total_objecion"  />
</form>
 
<script type="text/javascript">
//<![CDATA[
document.getElementById('total_objecion').value = document.getElementById('val_cua').value;
alert(document.getElementById('total_objecion').value);
//]]>
</script>
</body>
</html>

Lo que has hecho está decididamente mal, el único atributo de un input que te va a aceptar javascript es un evento

Saludos

Panino5001 · #3 (**permalink**) 29/12/2012, 13:14

La realidad es que es un poco absurdo hacerlo sin eventos, pero sobre gustos...
Una posibilidad es usar temporizadores setTimeout o setInterval o requestAnimationFrame para generar una especie de Polling que verifique el estado de un elemento y le asigne al otro el mismo estado.

Edito: veo que me choqué con emprear. Bueno, mi respuesta obviamente tenía que ver con sincronizar el value de ambos elementos para que lo escrito en el primero se replique en el segundo en todo momento. Si lo que se quiere es hacerlo sólo cuando carga la página, la respuesta de emprear es la más conveniente ;)

emprear · #4 (**permalink**) 29/12/2012, 13:41

Cita:

Iniciado por Panino5001

La realidad es que es un poco absurdo hacerlo sin eventos, pero sobre gustos...
Una posibilidad es usar temporizadores setTimeout o setInterval o requestAnimationFrame para generar una especie de Polling que verifique el estado de un elemento y le asigne al otro el mismo estado.

Edito: veo que me choqué con emprear. Bueno, mi respuesta obviamente tenía que ver con sincronizar el value de ambos elementos para que lo escrito en el primero se replique en el segundo en todo momento. Si lo que se quiere es hacerlo sólo cuando carga la página, la respuesta de emprear es la más conveniente ;)

Lo que me olvidé de comentar @Panino5001, es que a mi también me parece absurdo ya que siendo en la carga de la página un valor conocido, por que no asignarlo directamente en al html, y posteriormente, y mediante un evento, modificarlo si lo requiere.
Aunque en una de esas lo que quiere es lo que tu le has señalado, así que más que un choque, lo nuestro parece un "acople" (sin buscar segundas connotaciones en tal término

)

SAludos

oscarbt · #5 (**permalink**) 29/12/2012, 13:48

Gracias, lo que sucede es que yo estoy usando jquery validate para validar mis formularios, pero hay una de las validaciones que no se como hacerla..Tengo que comparar dos campos y verificar que uno no sea mayor al otro...Como hago eso con jquery validate..

Eso que plasme es porque pienso que con max podria hacerlo....Si conocen la regla para validar esto en el plugin agradeceria que me lo dijeran..Muchas gracias

oscarbt · #6 (**permalink**) 29/12/2012, 13:54

No se si me haya hecho entender, esto es lo que quiero hacer:

Tengo el siguiente código:

Código HTML:

Ver original<!DOCTYPE HTML>
<head>
<script src="../scripts/js/jquery.validate.js" type="text/javascript"></script>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="www.intercambiosvirtuales.org" />
<script type="text/javascript">
$(document).ready(function() {
    $("#mi_formulario").validate(); 
});
</script>
    <title>Mi formulario</title>
</head>
<body>
 
<input type="text" id="val_cua"  value="5" />
<input type="text"  name="total_objecion" id="total_objecion"  />
</body>
</html>

Entonces como yo se que hay una regla en el plugin donde le coloco por ejemplo max al input y el no me deja pasar si el valor ingresado es mayor al max...Como seria esa regla?..Si fuera con javascript puro sencillo, pero la verdad hasta ahora empiezo a utilizar la libreria de jquery para este tipo de validaciones !!

oscarbt · #7 (**permalink**) 29/12/2012, 13:57

En pocas palabras, yo lo que estoy traatndo de hacer es que el atributo max del input total_objecion sea igual al valor del input val_cua..
El input val_cua es totalmente dinamico, ya que el usuario lo ingresa....

Algo como esto:

Código Javascript:

Ver originaldocument.getElementById('total_objecion').max= document.getElementById('val_cua').value;

Es posible hacerlo ??..Gracias