Que tal? Les cuento mi problema me estoy volviendo loco.
Tengo el siguiente array
Código PHP:
var productos = [] ;
productos[0] = ['Frutilla',1] ;
productos[1] = ['Kiwi',3];
productos[2] = ['Melon',2];
productos[3] = ['Banana',4];
productos[4] = ['Manzana',5];
productos[5] = ['Sandia',6];
productos[6] = ['Tomate',7];
productos[7] = ['Mandarina',8];
productos[8] = ['Zanahoria',9];
productos[9] = ['Papa',10];
Lo que quiero hacer es ir imprimiendo los arrays, con los nombres de los productos, hasta ahi todo barbaro, un simple for.
Pero lo q quiero hacer es esto;
Cuando muestro Frutilla quiero que abajo me cree un boton que diga agregar y rrecien ahí, cree el siguiente elemento del array, y así hasta terminar, no entiendo como hacerlo.
Para recorrer el array hago esto
Código PHP:
for (var i = 0; i<productos.length; i++){
document.write(productos[i][0]);
}
Y para crear los botones
Código PHP:
var agregar = document.getElementById('consultar')
var nuevoDiv = document.createElement("div");
var nuevoFileInput = document.createElement("input");
nuevoFileInput.type = "button";
nuevoFileInput.value = "+ Info";
var uploads = document.getElementById("todo");
uploads.appendChild(nuevoDiv);
nuevoDiv.appendChild(nuevoFileInput);
}
Y el HTML es el siguiente:
Código PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Carrito de compras</title>
<script type="text/javascript" src="carrito.js"></script>
</head>
<body>
<div id="todo">
<div id="mostrar">
</div>
<input type="button" value="Consultar" id = "consultar">
<input type="button" value="Agregar al carrito" id = "agregar"/>
<br />
<input type="button" value="Finalizar compra" id="agregartotal" disabled="disabled"/>
</div>
</body>
</html>
Eaoero que me puedan ayudar.
Un saludo.