JavaScript - Select dinamico???

   
Vista:

Select dinamico???

Publicado por carlos (1 intervención) el 21/09/2009 21:16:33
Hola,
ya que no hay un sitio especifico en el foro sobre la programación, o por lo menos no lo se, lo pondré aquí:
Cuando kiero añadir un elemento a un select mutliple p.ejemplo sería asi:

//INICIO
<script>
function sumaElemento() {
// form, será el nombre del formulario
// control, el nombre del select

document.ejemplo.numeros.options[0]=new Option("xx","ss","");
document.ejemplo.numeros.options[1]=new Option("x222x","ss","");
}
</script>

<form name="ejemplo" >

<input type="button" value="Mas" onClick="sumaElemento()">

<select name="numeros" multiple>

</select>
</form>
//FIN

Este código funciona correctamente, pero ¿como se haría para que sea de selecciona multiple?, no solo me refiero poniendole el atributo multiple en el select. sino los corchetes en el nombre del select:

<select name="numeros[]" multiple>

</select>

Gracias de antemano por la ayuda
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow

RE:Select dinamico???

Publicado por ScriptShow (387 intervenciones) el 28/09/2009 13:42:31
Saludos Carlos,

no sé bien si te refieres a esto:

<script>
function sumaElemento() {
document.forms[0].numeros.options[0]=new Option("xx","ss","");
document.forms[0].numeros.options[1]=new Option("x111x","ss","");
document.forms[1].numeros.options[0]=new Option("xx","ss","");
document.forms[1].numeros.options[1]=new Option("x222x","ss","");
}
</script>

<form>
<input type="button" value="Mas" onClick="sumaElemento()">
<select name="numeros" size="4">
</select>
</form>

<form>
<input type="button" value="Mas" onClick="sumaElemento()">
<select name="numeros" size="8">
</select>
</form>

Se puede llamar por orden de posición del elemento u objeto; en este caso, nos referimos al FORM que contiene todo.

Para referirnos al SELECT que ocupa el primer lugar, emplearíamos algo así:

document.getElementsByTagName("select")[0].options[0]=
document.getElementsByTagName("select")[0].options[1]=

Etc...

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar