Al hacer clic en Href enviar el valor a un input

rebocano · #1 (**permalink**) 08/06/2011, 03:13

Hola amigos, estoy tratando de hacer lo siguiente:
Tengo los siguientes números:
1 - 2 - 3 - 4 - 5 - 6

Y tengo dos Input Text ( HTML ) - Quiero que al hacer clic en uno se me llene un input text y al clickear el otro se me complete el otro Input Text.

Hasta el momento no tengo ni siquiera un aire ni idea de cómo sería ( aparte de crear una función en Js)

Saludos y gracias :D !

Naahuel · #2 (**permalink**) 08/06/2011, 07:30

Así?

Ver: http://jsbin.com/ucika3

Código:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
 
<meta charset=utf-8 />
<script>
  function llenarInput(butt){
    var valor = butt.innerHTML;
    var inputUno = document.getElementById('inputUno');
    var inputDos = document.getElementById('inputDos');
    
    if(inputUno.value==''){inputUno.value = valor;}    
    else if(inputDos.value==''){inputDos.value = valor;}
  
  }
</script>
</head>
<body>
  <button onclick="llenarInput(this)" >1</button>
  <button onclick="llenarInput(this)" >2</button>
  <button onclick="llenarInput(this)" >3</button>
  
  <input type="text" id="inputUno" />
  <input type="text" id="inputDos" />
</body>
</html>

rebocano · #3 (**permalink**) 08/06/2011, 14:36

Hola Naahuel ! Muchas gracias ! Me sirvió muchísimo aunque me gustaría hacer:
<a href="javascript:llenarInput(this)">1</a>
<a href="javascript:llenarInput(this)">2</a>
<a href="javascript:llenarInput(this)">3</a>

Y que me lleve a los Input

Naahuel · #4 (**permalink**) 08/06/2011, 14:39

Código HTML:

Ver original<a href="#" onclick="llenarInput(this); return false;">1</a> 
<a href="#" onclick="llenarInput(this); return false;">2</a> 
<a href="#" onclick="llenarInput(this); return false;">3</a>

rebocano · #5 (**permalink**) 08/06/2011, 14:51

Amigo te debo un favor :) muchísimas gracias, por cierto tu Blog, está buenísimo
ricardo [at] cityweb [.] cl

Naahuel · #6 (**permalink**) 08/06/2011, 14:58

Cita:

Iniciado por rebocano

Amigo te debo un favor :) muchísimas gracias, por cierto tu Blog, está buenísimo
ricardo [at] cityweb [.] cl

De nada y gracias! :)