Crear lineas dinámicamente

mjmartinez · #1 (**permalink**) 24/02/2006, 11:31

Hola a todos, estoy haciendo una aplicación y tengo un problemilla con la creación de lineas dinámicas.
Se trata de un formulario, en el que en un momento de él tengo un desplegable para seleccionar un número del 1 a 5. Una vez que he seleccionado el número me deben aparecer tantos <input....> como número haya seleccionado en la select.
Pongo más o menos el código para que tengais una idea:

<table>
<tr>
//Select donde elijo el número de lineas que quiero crear
<td class = "datos">Número titulaciones <select name = "titulaciones">
<option value = "1">1</option>>
<option value = "2">2</option>>
<option value = "3">3</option>>
<option value = "4">4</option>>
<option value = "5">5</option>>
</select></td>
</tr>

//Lineas que debo crear según lo seleccionado en la select
<tr>
<td class = "datos">Titulacion<br>
<input type = "text" name = "titulacion" size = "35"></td>
<td class = "datos">Nº Expediente<br>
<input type = "text" name = "expediente" ></td>
</tr>
</table>

No se como hacerlo, os agradecería si pudieseis echarme una mano.
Un saludo

mamon · #2 (**permalink**) 24/02/2006, 12:00

a ver si te funca:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function lineas(obj){
var linea = document.getElementById("lineas");
var cant = obj.value;
var codigo = '<table width="100%" border="0" cellspacing="0" cellpadding="0">\n';
for(var i=1;i<=cant;i++){
codigo += '<tr>\n<td class="datos">Titulacion<br>\n<input type="text" name="titulacion'+i+'" size = "35"></td>\n<td class="datos">Nº Expediente<br>\n<input type="text" name="expediente'+i+'" ></td>\n</tr>\n'
}
codigo += '</table>';
linea.innerHTML = codigo;
}
</script>
</head>
<body>
<label for="select"></label>
<select name="select" id="select" onchange="lineas(this);">
<option value=""></option>
<%for i = 1 to 5%>
<option value="<%=i%>"><%=i%></option>
<%next%>
</select>
<div id="lineas">
</div>
</body>
</html>

mamon · #3 (**permalink**) 24/02/2006, 12:02

y más q todo la respuesta es de javascript.. no de asp