Spanish
Sign in / Sign up

Javascript Objeto de Casilla de Selección

Como encontrar el seleccionado select option en javascript?
O
Cúales son los eventos asociados con SelectBox?

Explicación

Cajilla de Selección básica en HTML
Objeto de opción de selección :
La siguiente sintasis podrá captar el Select object en javascript
Sintasis: document.formname.selectname
Código Ejemplo:
<form name=testform>
<select name=sel>
<option value=test> test opcion seleccion </option>
</select>
</form>
<script language="javascript">
var cbobject= document.testform.rb1;
</script>

Aquí los eventos, propieresp_codedes 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 Propieresp_codedes: :
Listado de Propieresp_codedes DOM (Dinámico Objeto Modelo) que pueden ser usados para captar y alterar propieresp_codedes 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 Propieresp_codedes 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 enumeraresp_codes 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 seleccionaresp_code To Get:
var ss = document.tests.sel.selectedindex;
Vuelve 1 si la segunresp_code opción es seleccionaresp_code.
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 segunresp_code opción cuando se coloca el mouse encima.
<script language=javascript>
function sevent()
{
var xx = document.xx.sbox;
document.xx.sbox.selectedIndex = 1;
}
</script>

<form name=xx>
<select name=sbox onMouseOver="sevent()">
<option value="option 1">opcion 1</option>
<option value="option 2">opcion 2</option>
</select>
</form>

Resulta:

AnteriorSiguiente

Java-Script Tutoriel