miércoles, 20 de febrero de 2008

Select

No todos los días se programa en javascript y eso hace que algunos detalles se olviden con facilidad. El objeto select es uno de esos elementos que se utilizan con una frecuencia no demasiado alta.
Estas son algunas chuletas para recordar como hacer algunas cosas interesantes. Para todos los casos ponemos el id del elemento igualado a 'form_select'.

Añadir un nuevo elemento option al select.
var NuevoElementoOption=document.createElement('option');
NuevoElementoOption.value=id;
NuevoElementoOption.text=nombre;
try
{
//Versión Mozilla
document.getElementById('form_select').add(NuevoElementoOption,null);
}
catch(e)
{
//Version IE
document.getElementById('form_select').add(NuevoElementoOption);
}


Eliminar todos los elementos de una lista.
var x = document.getElementById("form_select");
while (x.length>0)
{
x.remove(x.length-1);
}

Obtener el valor del elemento seleccionado.
var x = document.getElementById("form_select");
var Establecimiento = x.options[x.selectedIndex].value;

No hay comentarios: