Foros del Web - Ver Mensaje Individual

mashter · #2 (**permalink**) 14/03/2011, 11:39

te dejo este ejemplo de un formulario que hice; le pones cuantos asistentes y agrega campos preguntando nombre, telefono,extencion, correo

Código HTML:

Ver original<html>
...
...
 
<script type="text/javascript"> 
 
 
function mostrar(num) {
    var i;
    var campos;
    var renglon1;
    var renglon2;
    var renglon3;
    var renglon4;
    var renglon5;
    var renglon6;
    campos='';
    for (i=1; i<=num; i++)
    {
 
        renglon1 =' <b>ASISTENTE #'+i+'</b><br/>';
        renglon2 ='  NOMBRE:<br /> <input type="text" name="Nombre_'+i+'" size="100"><br/>';
        renglon3 =' TELEFONO:<br /> <input type="text" name="Telefono_'+i+'" size="100"><br /> ';
        renglon4 =' EXTENCION:<br /> <input type="text" name="Extencion_'+i+'" size="100"><br/>';
        renglon5 =' CORREO ELECTRONICO:<br /> <input type="text" name="Correo_'+i+'" size="100"><br/><hr/><br/>';
        renglon6 =' ';
 
        campos=campos+renglon1+renglon2+renglon3+renglon4+renglon5+renglon6;
        
    }
    document.getElementById("camposneuvos").innerHTML=campos;
 
}
</script>
...
...
...
<body>
...
<form...
 
AQUI SELECCIONA CANTIDAD DE CAMPOS
  <select name="Numero_De_Personas_Que_Asisten"  onchange="mostrar(this.selectedIndex);" > 
    <option value="0" selected="selected">Numero de Personas Que Asisten</option> 
    <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> 
    <option value="6">6</option> 
    <option value="7">7</option> 
    <option value="8">8</option> 
    <option value="9">9</option> 
    <option value="10">10</option> 
    <option value="11">11</option> 
    <option value="12">12</option> 
    <option value="13">13</option> 
    <option value="14">14</option> 
    <option value="15">15</option> 
    <option value="16">16</option> 
    <option value="17">17</option> 
    <option value="18">18</option> 
    <option value="19">19</option> 
    <option value="20">20</option> 
    <option value="21">21</option> 
    <option value="22">22</option> 
    <option value="23">23</option> 
    <option value="24">24</option> 
    <option value="25">25</option> 
    <option value="26">26</option> 
    <option value="27">27</option> 
    <option value="28">28</option> 
    <option value="29">29</option> 
    <option value="30">30</option> 
  </select> 
 
....
  <span id="form5">DATOS DE LOS ASISTENTES:</span><br /> 
  <br /> 
<div  id='camposneuvos'>AKI APARECERAN LOS CAMPOS</div>  
 
</form>
....
</body>
</html>