Cómo seleccionar OnChange en JavaScript

JavaScript ofrece una variedad de características incorporadas para minimizar el tiempo y el esfuerzo de los desarrolladores. JavaScript interactúa con los elementos HTML para hacer un aspecto interactivo de sitios web. Es posible a través de un evento Onchange que se active cuando el usuario cambia la opción seleccionada a través de elemento. Esta publicación explica la selección de en el cambio Eventos junto con un ejemplo práctico en JavaScript. El contenido que demuestra esta publicación es el siguiente.

Cómo seleccionar OnChange en JavaScript?

El evento Onchange ocurre cuando se modifica el valor del elemento. Se usa específicamente en casillas de verificación para la validación de formulario. Por ejemplo, se utiliza una lista desplegable, que tiene diferentes opciones. El evento Onchange se llama cada vez que el usuario selecciona cualquier opción. Todos los navegadores modernos son compatibles con este evento.

Se proporciona un ejemplo para seleccionar un valor utilizando el evento Onchange. Se divide en archivos HTML y JavaScript. Este código de ejemplo se proporciona a continuación:

código HTML

Un ejemplo para seleccionar el valor de OnChange

Seleccionar nivel de educación:

Escuela
Colega
Universidad

La descripción del código se enumera aquí:

• Primero, se crea una lista desplegable asignando la identificación "educación" dentro etiquetas
• En esta lista, se proporcionan diferentes opciones como "Colegio" y "Universidad" en nombre del evento Onchange.
• El evento Onchange se llama si se selecciona una de las opciones mencionadas anteriormente.
• Por último, el La etiqueta se usa para adjuntar el archivo JavaScript "js".

El "prueba.jsEl archivo contiene el siguiente código:

Código JavaScript

función getSelectedTextValue (educación)
var sletex = educación.Opciones [Educación.seleccionadoindex].innerhtml;
var selval = educación.valor;
alerta ("Texto seleccionado:" + Sletex + "Valor:" + Selval);

La descripción del código se proporciona a continuación:

• El GetSelectedTextValue () El método se utiliza pasando el "educación" como argumento.
• A "Sletex" Se emplea variable para extraer el valor de educación desde el Html
• Después, "Selval" La variable se utiliza para recuperar el valor de la educación.
• Al final, se genera un cuadro de alerta que extrae el texto y el valor por "Sletex" y "Selval".

Producción

La salida muestra la lista desplegable de "Escuela", "Colega" y "Universidad" opción. Se llama al evento Onchange si se selecciona la opción específica. Finalmente, muestra el valor del texto seleccionado en la ventana emergente.

Conclusión

JavaScript tiene un evento incorporado en el cambio que ocurre cuando el usuario selecciona el valor de un elemento. Para este propósito, se genera una lista desplegable para seleccionar un valor en nombre del evento Onchange.

Es útil proporcionar una instalación de verificación cruzada al seleccionar una opción. En esta publicación, ha experimentado cómo seleccionar el texto y el valor utilizando eventos Onchange.