Operaciones con Combos (select)
Hay operaciones básicas que todo desarrollador debería conocer cuando trabajamos con combos. Utilizando la flexibilidad que nos brinda Javascript podemos realizar operaciones, como por ejemplo optener el id de un determinado elemento seleccionado, o agregar un elemento mas a la lista.
Algunas operaciones que podríamos realizar:
Obtener la Descripción
function ObtenerDescrip(oCombo){
//Devuelve la descripcion del item seleccioando
if(oCombo == 'undefined')
return "";
else {
return oCombo.options[oCombo.selectedIndex].outerText;
}
}
Obtener el ID
function ObtenerID(oCombo){
//Devuelve el valor del item seleccioando
if(oCombo == 'undefined')
return "";
else {
return oCombo.options[oCombo.selectedIndex].value;
}
}
Cargar un elemento
function CargarOpcion(oCombo,value,text,id){
var oOption = document.createElement("OPTION");
oOption.value = value;
oOption.text = text;
oOption.id = id;
oCombo.add(oOption);
return;
}
Borrar un elemento
function BorrarOpcion(oCombo,iIndice,bTodas){
if(bTodas){
while(oCombo.length > 1)
oCombo.remove(1);
}
else
oCombo.remove(iIndice);
}
Como verán es muy simple trabajar los selects o combos con Javascript, y más aún si entendemos como trabajar con DOM y Javascript como lo demuestro en este otro post. Espero les sea de utilidad. Agendalo para tenerlo a mano, nunca se sabe cuando se los necesita. Adjunto la DEMO. Ante cualquier duda o aporte, espero sus comentarios. Cordiales Saludos.
También te puede Interesar
¿Disfrutaste esta entrada? Por qué no dejas un comentario abajo y continúas la conversación, o te suscribes a mi feed y obtienes artículos como este enviados a tu lector de feeds.
[...] ASP y PHP. También realizamos en un post anterior carga dinamica de combos con jQuery y otro de operaciones básicas con ellos. Ante cualquier aporte, duda o sugerencia, dejarlos en los comentarios. Saludos y nos [...]