agregar opciones a un control select

[hhaldana]

Hola Amigos, necesito saber como agregar opciones a un select de HTML pero dinamicamente, es decir que inicialmente el SELECT tenga una opcion, y comforme vaya seleccionando opciones de un area de texto, se vayan agregando como opciones de mi SELECT. Espero puedan ayudarme Saludos Hugo.

[TurKa]

Para agregar nuevas opciones a un select debes utilizar el constructor new Option

Por ejemplo, este script actúa entre dos selects diferentes:

El Script...



<script language="javascript">
function agregarOpciones(form)
{
var selec = form.tipos.options;
var combo = form.estilo.options;
combo.length = null;

if (selec[0].selected == true)
{
var seleccionar = new Option("<-- esperando selección","","","");
combo[0] = seleccionar;
}

if (selec[1].selected == true)
{
var popular1 = new Option("Rock de los 90","Rock1","","");
var popular2 = new Option("Rock de los 80","Rock2","","");
combo[0] = popular1;
combo[1] = popular2;
}

if (selec[2].selected == true)
{
var academica1 = new Option("Musica del Barroco","Barroco","","");
var academica2 = new Option("Musica del Siglo XX","Siglo XX","","");
var academica3 = new Option("Música del Romantisismo","Romantico","","");
combo[0] = academica1;
combo[1] = academica2;
combo[2] = academica3;
}
}
</script>



El formulario...



<form name="ejemplo2" method="POST" target="_blank" action="pagina.htm">

<select name="tipos" onChange="agregarOpciones(this.form)">

<option value="">[seleccione una opción]</option>

<option value="musicapopular">Música Popular (Rock)</option>

<option value="musicaacademica">Música Académica</option>

</select>



<select name="estilo">

<option value=""><-- esperando selección</option>

</select>



<input type="submit" value="Enviar"></form>

Pero, ¿A que te refieres con seleccionar opciones de un área de texto?
Sería un poco complicado seleccionar opciones desde un textarea.
Es más probable, crear nuevas opciones a partir de:
- Un campo de texto:
En este caso, puedes llamar a la función mientras el usuario escribe (onKeyUp) o mediante un botón (onClick).
- Desde un botón de opción o selección (radio o checkbox), mediante onClick
- o desde otro select como en el ejemplo.

Si necesitas ayuda para ponerlo en funcionamiento, avisa.
Saludos!!!

[hhaldana]

Gracias por tu ayuda, eh incorporado el codigo, y me funcionó de maravilla Saludos!!!!!!!

atte: Hugo