<script language="javascript">
var cbobject= document.testform.rb1;
</script>
Aquí los eventos, propiedades dom y métodos asociados con elementos Select Box.
Captadores de Eventos: Asociados con Form type Select Box:
Todos los ejemplos debajo utilizan una función javascript output
<script language=javascript>
function output()
{
alert("testeando evento Opcion Seleccion");
}
</script>
Tratante de acontecimiento
Descripción
Ejemplo
onMouseOver
onMouseOver se invoca cuando un ratón se mueve sobre la caja selecta
Resulta:
onMouseDown
onMouseDown se invoca cuando un ratón se aprieta en la opción selecta
Resulta:
onMouseUp
onMouseUp se invoca cuando un ratón se aprieta en la opción selecta y se lanza
Resulta:
onChange
onChange se invoca cuando se selecciona una nueva opción
Resulta:
onBlur
onBlur Ejecuta un cierto código cuando el SelectBox pierde el foco using tab
Resulta:
onFocus
onFocus Ejecuta un cierto código cuando el SelectBox consigue el foco using tab
Resulta:
DOM Propiedades: :
Listado de Propiedades DOM (Dinámico Objeto Modelo) que pueden ser usados para captar y alterar propiedades Select en javascript.
Los ejemplos siguientes están basados en el siguiente código:
<form name=tests>
<select name=sel>
<option value=test> test opcion seleccion </option>
<option value=test2> test2</option>
</select>
</form>
DOM Propiedades
Descripción
Ejemplo
length
Utilizado para conseguir la longitud (número total de opciones) en el objeto selecto
To Get:
var len = document.tests.sel.length;
name
Utilizado para conseguir nombre selecto de la caja
To Get:
var ss = document.tests.sel.name;
options
Vuelve el arsenal de opciones enumeradas en el objeto selecto
To Get:
var ss = document.tests.sel.options;
selectedindex
el selectedindex se utiliza para conseguir o para fijar la posición de la opción seleccionada
To Get:
var ss = document.tests.sel.selectedindex;
Vuelve 1 si la segunda opción es seleccionada.
To Set:
document.tests.sel.selectedindex = 0;
text
Vuelve el valor del texto presente en la caja selecta
To Get:
var dd = document.tests.sel.selectedIndex;
var ss = document.tests.sel[dd].text;
DOM Métodos: :
Listado de métodos DOM (Dinámico Objeto Modelo) que pueden ser utilizados para realizar cambios dinámicos en select option usando javascript.
DOM Método
Descripción
Ejemplo
blur()
Utilizado para hacer dinámicamente la falta de definición del botón de radio
To Blur:
document.testb.mycb.blur();
focus()
Utilizado para conseguir dinámicamente el foco en el botón de radio
To Focus:
document.testb.mycb.focus();
Ejemplo: Seleccionar la segunda opción cuando se coloca el mouse encima.
<script language=javascript>
function sevent()
{
var xx = document.xx.sbox;
document.xx.sbox.selectedIndex = 1;
}
</script>
“Javascript (JS) es uno de los lenguajes más utilizados en todo el mundo. Algunas veces se lo denomina también Java Script. Espero que Usted disfrute este tutorial. Envíeme sus sugestiones o consultas sobre este tutorial de javascript o java script. El contenido de este tutorial posee derechos registrados.”
Introducción
