Ayuda formulario

gutibs · #1 (**permalink**) 05/02/2011, 17:45

Foreros, Pido ayuda de nuevo, pero les muestro un poco de codigo a ver si se entiende un poco mejor.

Código:

<!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>


<script type="text/javascript">
var indiceFila_2 = 0;
function NuevaFila_2() {
myNewRow = document.getElementById("Tabla_2").insertRow(-1);


               myNewCell=myNewRow.insertCell(-1);
               var elemento = document.createElement("INPUT");
               elemento.setAttribute("type","select");
               elemento.setAttribute("type","text");
               elemento.setAttribute("size","55");
               elemento.setAttribute("maxlength","255");
               elemento.setAttribute("name","hijo_numero[]");
               elemento.setAttribute("id","curso_1_nombre_" + indiceFila_2);
               myNewCell.appendChild(elemento);
               
               myNewCell=myNewRow.insertCell(-1);
               var elemento2 = document.createElement("INPUT");
               elemento2.setAttribute("type","text");
               elemento2.setAttribute("size","55");
               elemento2.setAttribute("maxlength","255");
               elemento2.setAttribute("name","curso_1_lugar[]");
               elemento2.setAttribute("id","curso_1_lugar_" + indiceFila_2);
               myNewCell.appendChild(elemento2);
               
               
                
			   
			    
indiceFila_2++;
}


function quitaFilaATabla_2() {
var tbl = document.getElementById('Tabla_2');
var lastRow = tbl.rows.length;
if (lastRow > 3) tbl.deleteRow(lastRow - 1);
}
</script>



<title>* OSPAT * Carga de datos</title>
<style type="text/css">
<!--
.style1 {
	font-size: 12px;
	font-weight: bold;
}
-->
</style>
</head>
<body >

      
      

     


            <table id="Tabla_2">
        <tr>
          <td colspan="3"><div align="center"><strong>Cursos de especializaci&oacute;n</strong></div></td>
        </tr>
        <tr>
          <td>Nombre </td>
          <td>Lugar</td>
           </tr>
            <tr> 
            <td><input name="curso_1_nombre[]" type="text" id="curso_1_nombre_0" size="55" maxlength="255" /></td>
          <td><input name="curso_1_lugar[]" type="text" id="curso_1_lugar_0" size="55" maxlength="255" /></td>
          </tr>
          <a href="#"  onClick="NuevaFila_2()">Agregar curso</a> || <a href="#"   onClick="quitaFilaATabla_2()">Eliminar curso</a>
      </table>
	  <p>&nbsp;</p>
 

  </div>
  
  <div align="center">
    <input name="send" type="submit" value="Enviar">
</div>
</form>
</body>
</html>

Lo que necesito es que en vez de una caja de texto ma aparezca un list / select / menu ......

como hago?

walterdevel · #2 (**permalink**) 05/02/2011, 18:58

Deberías empezar por:

cambiar

Código Javascript:

Ver originalvar elemento = document.createElement("INPUT");

por

Código Javascript:

Ver originalvar elemento = document.createElement("SELECT");

ARICARRARO · #3 (**permalink**) 06/02/2011, 21:57

Buena info