Formulario dinámico Estimado foro
estoy modificando un formulario dinamico que lo saque de otro foro para un caso particular
necesito que cuando el usuario seleccione por ejemplo la opcion sala2 me ponga un campo adicional input text llamado serial, para el resto de las opciones queda igual, es decir sala1 y sala3
he intentado colocar un if en el select pero no me funciona
a continuació el codigo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejemplo formulario</title>
<script language="javascript" type="text/javascript">
var indiceFilaFormulario=1;
function addPerson(){
myNewRow=document.getElementById("tablaFormulario" ).insertRow(-1);
myNewRow.id=indiceFilaFormulario;
myNewCell=myNewRow.insertCell(-1);
var nuevoSelect="";
nuevoSelect+="<td> <select name='sala["+indiceFilaFormulario+"]' >";
nuevoSelect+="<option value='1'>sala 1</option> ";
nuevoSelect+="<option value='2'>sala 2</option> ";
nuevoSelect+="<option value='3'>sala 3</option> ";
nuevoSelect+="</select></td>";
myNewCell.innerHTML=nuevoSelect;
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input type='text' name='equipo["+indiceFilaFormulario+"]'></td>";
myNewCell=myNewRow.insertCell(-1);
myNewCell.innerHTML="<td><input type='button' value='Eliminar' onclick='removePerson(this)'></td>";
indiceFilaFormulario++;
}
function removePerson(obj){
var oTr = obj;
while(oTr.nodeName.toLowerCase()!='tr'){
oTr=oTr.parentNode;
}
var root = oTr.parentNode;
root.removeChild(oTr);
}
</script>
</head>
<body>
<form action="<?=$_SERVER['PHP_SELF']?>" name="formulario" method="post">
<table cellpadding="0" cellspacing="0" >
<tr>
<td align="center"> </td>
</tr>
<tr>
<td><table cellpadding='3' cellspacing='3' style='border:#999999 double' bgColor='bisque' id="tablaFormulario">
<tr bgColor='#CCCCCC'>
<td width="175">Sala</td>
<td width="175">Equipo</td>
<td width="100">Eliminar</td>
</tr>
</table></td>
</tr>
<tr>
<td align="right"><input type="button" onClick="addPerson()" value="Añadir Recurso" ></td>
</tr>
<tr>
<td align="center"><input type="submit" name="enviar" value="Enviar"></td>
</tr>
</table>
</form>
</body>
</html>
de antemano muchas gracias
