boton onclick javascript

Soniagb · #1 (**permalink**) 30/10/2012, 04:47

Hola, tengo una función en la que creo una lista de cajas de texto y un botón que al pulsarlo quiero que me lleve a otra página, cómo puedo hacerlo? Y por otro lado, la lista se me crea así:
<ul>
<li></li>
<input....>
<li></li>
<input...>....etc
y lo que quiero es que los input estén dentro de cada <li></li>.

Código:

function addIdiomas(totalCampos) {
	lista = document.createElement('ul');
	lista.setAttribute("id","lista");
	document.getElementById("contenidoIdiomas").appendChild(lista);
	for(i = 1; i <= (totalCampos+1); i++){
		camposLista = document.createElement('li');
		camposLista.setAttribute("id","elementoslista");
		document.getElementById("lista").appendChild(camposLista);
		inputs = document.createElement('input');
		inputs.setAttribute("type","text");
		inputs.setAttribute("id", i);
		document.getElementById("lista").appendChild(inputs);
	}
	boton = document.createElement('input');
	boton.setAttribute("type", "button");
	boton.setAttribute("value", "Guardar");
	document.getElementById("lista").appendChild(boton);
	
}

emprear · #2 (**permalink**) 30/10/2012, 10:15

Me parece que estás haciendo el camino dificil

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 addIdiomas(totalCampos) {
var contenido = "<ul id='lista'>\n";
document.getElementById("contenidoIdiomas");
for(i = 1; i <= (totalCampos); i++){
contenido += "<li class='elementolista'><input type='text' id='a_" + i + "' value='' /><\/li>\n";
}
document.getElementById("contenidoIdiomas").innerHTML = contenido + "<\/ul>\n<br \/>\n<input type='button' value='guardar' onclick=\"alert(document.getElementById(\'a_1\').value)\" />\n";
}
//]]>
</script>
</head>
<body>
<button onclick="addIdiomas(10);">Generar</button>
<div id="contenidoIdiomas"></div>
</body>
</html>

Recordá que tus id, deben de ser únicos y no pueden ser o comenzar por un número
Agregue un evento al botón guardar para que verifiques
SAludos