Perl en Español

  1. Home
  2. Tutoriales
  3. Foro
  4. Artículos
  5. Donativos
  6. Publicidad
 

Funcion para agregar varios input type = text

 
Publicar nuevo tema   Responder al tema    Foros de discusión -> Javascript
Mensaje Lun Ene 02, 2006 12:06 pm
Mickz
Perlero Nuevo
Perlero Nuevo
Registrado: 14 Dic 2005
Mensajes: 14
Ubicación: Mexico
Funcion para agregar varios input type = text Responder citando

Hola a todos que tal saben soy super nuevo en esto de la programacion, quiero ver si alguno de ustedes puede ayudarme con una funcion en javascript que despliegue varios campos de captura para insertar datos,
es algo asi como para enviar un mail a varias personas, pongo mi aplicacion para ver si alguien me podria decir donde esta el error, lo que necesito es que cuando le diga que me despliegue 5 campos de captura de datos lo haga automaticamente de antemano uchas gracias.


<HTML>
<HEAD>
<TITLE>Emails</TITLE>

<SCRIPT Language="JAVASCRIPT">
<!--
function howMany(form){
var numObj = parseInt(document.sendmail.numObject.value);

if (numObj > 0) {
for(i=1; i<=numObj; i++) {
document.write('<TR><TD><I> Email:</I></TD><TD><input "text" name="email' + i +'"></TD></TR>');
document.write('<br>');
}
} else {

document.write('<TR><TD><I> Email: </I></TD><TD><input type="text" name="email"></TD> </TR>');
document.write('<br>');
}
}
//-->
</SCRIPT>

</HEAD>
<BODY>
<FORM name="sendmail" method="get" action="">
A cuantas amigas quieres mandar este mensaje ?
<select name="numObject" onChange="howMany(this.form)">
<option value="1" selected> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
</select>
<P>
<TABLE>
<SCRIPT>howMany()</SCRIPT>
<TR>
<TD>
<I> Mensaje: </I>
</TD>
<TD>
<input type="textarea" name="mensaje1" cols="15">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Mensaje Lun Ene 02, 2006 6:08 pm
kidd
Creador de Perl en Español
Creador de Perl en Español
Registrado: 15 Oct 2003
Mensajes: 1389
Ubicación: México
Responder citando

Hola:

Haciendo unos pequeños cambios a tu código lo puedes lograr:

Código:

<HTML>
<HEAD>
<TITLE>Emails</TITLE>

<SCRIPT Language="JAVASCRIPT">
<!--
function howMany(form){
    var numObj = parseInt(form.numObject.value);
    var html = '';
    var container = document.getElementById('myemailtextbox');

        if (numObj > 0) {
            for(i=1; i<=numObj; i++) {
               html += '<I> Email:</I> <input "text" name="email' + i +'"><br>';
            }
        } else {
               html += '<I> Email: </I> <input type="text" name="email"><br>';
        }

container.innerHTML = html;

}
//-->
</SCRIPT>

</HEAD>
<BODY>
<FORM name="sendmail" method="get" action="">
A cuantas amigas quieres mandar este mensaje ?
<select name="numObject" onChange="howMany(this.form)">
<option value="1" selected> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4 </option>
<option value="5"> 5 </option>
</select>
<P>

<TABLE>
<tr>
<td id="myemailtextbox"><I> Email: </I> <input type="text" name="email"><br></td>
</tr>

<TR>
<TD>
<I> Mensaje: </I>
</TD>
<TD>
<input type="textarea" name="mensaje1" cols="15">
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>



SALUDOS
Publicar nuevo tema   Responder al tema    Foros de discusión -> Javascript Todas las horas son GMT - 6 Horas
Página 1 de 1



Powered by phpBB © 2001, 2005 phpBB Group