Ver Tema - Función para agregar varios input type = text

Mickz · 2006-01-02 13:06 @587

Hola a todos que tal saben soy super nuevo en esto de la programación, quiero ver si alguno de ustedes puede ayudarme con una función en JavaScript que despliegue varios campos de captura para insertar datos, es algo así como para enviar un mail a varias personas, pongo mi aplicación para ver si alguien me podría decir dónde está el error, lo que necesito es que cuando le diga que me despliegue 5 campos de captura de datos lo haga automáticamente. De antemano muchas gracias.

Syntax: [ Download ] [ Hide ]

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

kidd · 2006-01-02 19:08 @839

Hola:

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

Syntax: [ Download ] [ Hide ]

<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

rabressan · 2009-02-20 10:13 @467

¡Hola!
Quiero preguntar porque estoy haciendo algo parecido, pero que según la opción que elija se me habiliten listas desplegables.
Me anda bien esa parte, pero cuando quiero grabar en la tabla no me graba nada... solo me graba si elijo la opción de un campo solo.

¡¡Si alguien me puede ayudar a pensar les agradezco!!
Saludos

kidd · 2009-02-20 16:21 @723

Bienvenido a los foros de Perl en Español.

Por lo que comentas, el problema puede ser el nombre que le estás dando a las nuevas listas despegables, cuida que los nombres sean únicos, de lo contrario se van a sobre-poner los valores.

Publicidad

Socializa