Estoy haciendo un formulario, algo complicadillo, y soy bastante nueva en esto. No se si estoy proponiendo mal las preguntas, o es que no hay demasiada gente que sepa de formularios complejos, pero es que nadie contesta
A ver si por esta vez, tengo suerte
Lo que necesito hacer es: aumentar el número de filas de forma dinámica: en una fila hay un text box, en otra otro text box (de solo lectura) y un select. Cada valor guardado en el select, se corresponde con un número. Por eso, cuando yo cambio el valor del select, en el textbox de solo lectura, debe aparecer ese número. Para la primera fila (que no se crea dinámicamente, no hay problema), pero las demás no funcionan... Ya he probado de todo y consultado todo lo que se me ocurría. No se si tengo algún error en el código, o es que directamente lo que yo quiero hacer no se puede...
Si alguien sabe otra forma de hacerlo, o lo que sea...Agradezco la ayuda
<html>
<head>
<script language="JavaScript" >
var l=2;
function Prueba(){
var objTabla = document.getElementById("tabla");
var objTbody=objTabla.firstChild;
var objNuevaFila=objTbody.childNodes[1].cloneNode(true);
//cambiamos el contenido de las celdas
objNuevaFila.childNodes[0].innerHTML = "<input type =\"text\" name =\"Columna1."+l+"\" size=\"12\">";
objNuevaFila.childNodes[1].innerHTML = "<input type =\"text\" name =\"Columna2."+l+"\" size=\"5\" readonly>";
objNuevaFila.childNodes[2].innerHTML = "<select name =\"Columna3."+l+"\" onchange=\"Columna2"+l+"\".value = this.value><option value=\"26\">Objeto1</option><option value=\"6\">Objeto2</option><option value=\"61\">Objeto3</option><option value=\"17\">Objeto4</option><option value=\"81\">Objeto5</option><option value=\"62\">Objeto6</option><option value=\"18\">Objeto7</option></select>";
objTbody.appendChild(objNuevaFila);
objTbody.childNodes[l-2].childNodes[3].innerHTML = " ";
document.getElementById("numFilas").value = l;
l++;
}
</script>
<style type="text/css">
<!--
.Estilo41 {color: #FFFFFF}
.Estilo41 {color: #FFFFFF}
-->
</style>
</head>
<body>
<form name="pepito" id="pepito">
<tr>
<td><p> </p>
<table id="tabla" width="22%" border="1">
<tr bgcolor="#000066">
<td width="29%"><div align="center"><span class="Estilo41">Col 1 </span></div></td>
<td width="24%"><div align="center"><span class="Estilo41">Col 2 </span></div></td>
<td width="47%"><div align="center"><span class="Estilo41">Col 3 </span></div></td>
</tr>
<tr>
<td><input name="columna1.1" type="text" id="IDfocoCont1" size="12" /></td>
<td><input name="columna2.1" type="text" id="NºPRTR1" size="5" readonly="readonly"/></td>
<td><select name="columna3.1" id="nomePRTR1" onchange="NºPRTR1.value = this.value" >
<option value='26' selected="selected" >Objeto1</option>
<option value='6' >Objeto2</option>
<option value='61' >Objeto3</option>
<option value='17' >Objeto4</option>
<option value='81' >Objeto5</option>
<option value='62' >Objeto6</option>
<option value='18' >Objeto7</option>
</select></td>
</tr>
</table>
<p>
<input type="button" name="compb22" value="Engadir Carga Contaminante" onclick="Prueba();" />
</p>
<p></p></td>
</tr>
</form>
</body>
</html>