Añadir datos a dos arrays, y consultarlo

fumeque · #1 (**permalink**) 21/09/2013, 05:00

Hola a todos, estoy practicando un poco con javascript, y he visto un ejercicio que querría hacer, pero necesito una ayudilla para arrancar.
El ejercicio, se trata de hacer un formulario con dos campos, en que vamos introduciendo datos, y luego con un botón lo buscamos en una posición y nos tiene que dar los datos de los dos campos que hemos añadido antes.
He pensado en meter todos los datos introducidos, cada uno de ellos en un Array, y luego hacer la búsqueda según la posición. La pagina no se abandona, por lo que no hay problema en guardarlos en el array. El formulario lo tengo hecho, donde me quedo pillado en el cod. javacript para introducir los arrya, y luego la busque en ellos, por que he visto como se hace con promt, pero no consigo ver alguna ayuda de como hacerlo con un formulario.
Dejo el cod. del formulario, para lo veais mejor, y me dais una pista por donde poder empezar.

<body>
<form name="formulario" >
<table>
<tr><td>Producto:</td><td> <input type="text" name="produc" id="producto" /></td></tr>
<tr><td>Precio: </td><td> <input type="text" name="prec" id="precio" /><input type="submit" value="Añadir" onclick="añadir()" /></td></tr>
</table>
</form>
<form ><br>
<input size=10 name="area"/>
<input type="button" value="Buscar" name="busqueda" onclick="mostrar(0);"/>
</form>
</body>

Gracias de antemano.

yerhods · #2 (**permalink**) 23/09/2013, 14:59

Bueno si he entendido bien quieres guardar los valores en un array y luego mostarlos en función a lo que pongas.Si es así este es el código

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
var miArray= new Array();
function añadir(valor1,valor2)
{
    miArray[miArray.length] = valor1;
    miArray[miArray.length] = valor2;
    
}
function mostrar(valorPorTeclado)
{
    
    alert(miArray[valorPorTeclado]);
 
}
</script>
</head>
<body>
<form name="formulario" >
<table>
<tr><td>Producto:</td><td> <input type="text" name="produc" id="producto" value=""/></td></tr>
<tr><td>Precio: </td><td> <input type="text" name="prec" id="precio" /><input type="button" value="Añadir" onclick="añadir(document.formulario.produc.value,document.formulario.prec.value)" /></td></tr>
</table>
</form>
<form name="fomulario2" ><br>
<input size=10 name="area" value=""/>
<input type="button" value="Buscar" name="busqueda" onclick="mostrar(document.fomulario2.area.value);"/>
</form>
</body>
</html>

fumeque · #3 (**permalink**) 26/09/2013, 03:28

Cita:

Iniciado por yerhods

Bueno si he entendido bien quieres guardar los valores en un array y luego mostarlos en función a lo que pongas.Si es así este es el código

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script>
var miArray= new Array();
function añadir(valor1,valor2)
{
    miArray[miArray.length] = valor1;
    miArray[miArray.length] = valor2;
    
}
function mostrar(valorPorTeclado)
{
    
    alert(miArray[valorPorTeclado]);
 
}
</script>
</head>
<body>
<form name="formulario" >
<table>
<tr><td>Producto:</td><td> <input type="text" name="produc" id="producto" value=""/></td></tr>
<tr><td>Precio: </td><td> <input type="text" name="prec" id="precio" /><input type="button" value="Añadir" onclick="añadir(document.formulario.produc.value,document.formulario.prec.value)" /></td></tr>
</table>
</form>
<form name="fomulario2" ><br>
<input size=10 name="area" value=""/>
<input type="button" value="Buscar" name="busqueda" onclick="mostrar(document.fomulario2.area.value);"/>
</form>
</body>
</html>

Hola, y gracias por la respuesta.
He probado el código, y el primer campo no lo coje el Array, solo muestra con el Alert el segundo. Lo he revisado, pero no veo el error.
¿Seria mejor poner dos Arrays, uno para cada campo, y luego llamarlos en la funcion mostrar, a los dos?.
Lo he probado pero cuando a la función añadir le quito un valor, ya no me funciona me sale "undefined". Al onclick tambien le he quitado una parte, después de la coma.
A ver que me puedes decir, y gracias me está sirviendo de mucha ayuda.