Cómo Obtener el Valor de ID en un desplegable Usando jQuery

Obtener el valor de la ID de un cuadro de lista desplegable en una página web requiere el uso de la "attr ()" función de la hora de programar en jQuery. Esta función obtiene el valor de cualquier atributo de código HTML. Es necesario ejecutar esta función en el "selecto" tag ya que es la etiqueta que crea cuadros desplegables en HTML. Una vez que el valor de la ID puede dar salida a una parte de la página web para mostrar al usuario o al ver el resultado durante sus fases de prueba.

 

JQUERY

 

Abra la página Web en el Bloc de notas o un editor de código y comprobar que la página incluye una referencia a la biblioteca jQuery:

 

script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" / script

 

Agregue el código más arriba si no encuentras la referencia.

 

Coloque un nuevo par de etiquetas "script", con la referencia jQuery. Escribe una función para comprobar si la página termine de cargarse entre las etiquetas "script". La secuencia de comandos jQuery irá dentro de esa función:

 

script type = "text / javascript"

 

$ (Function () {

 

});

 

/ Script

 

Busque el "Enviar" código del botón de la forma en su página Web que contiene el cuadro de lista desplegable:

 

input type = value "submit" = "Obtener ID" id = "getvalor" /

 

Añadir un atributo ID para el código del botón si no contiene todavía una.

 

Vuelva a su guión y añadir una función que se ejecutará cuando el usuario hace clic en el botón:

 

$ (Function () {

 

$ ("# Getvalor"). Haga clic en (function () {

 

});

 

});

 

Este script selecciona el botón con su nombre ID, así que cambie "getvalor" con el nombre de identificación de la "Enviar" código del botón.

 

Declare una variable dentro de la función activada por el evento click. Hacer la variable igual a la ID que se encuentra dentro del "selecto" etiqueta que se encuentra en el formulario. Este código le dará el valor de ID de la casilla desplegable:

 

var valor = $ ("select") attr ("id").;

 

El "attr ()" función de jQuery le da el valor de cualquier atributo de código HTML, por lo que el uso de "id" dentro de la función será conseguir que el valor ID. Esta secuencia de comandos utiliza "select" para seleccionar el "select" tag que crea cuadros desplegables en HTML.

 

Salida de la variable a cualquier parte de la página Web. Por ejemplo, puede crear un div en la página y darle un nombre de identificación de "resultados". El código de salida a "div id = 'resultados'" es:

 

$ ("#" Resultados) texto (idValue).;

 

En este código, "idValue" es el nombre de la variable que creó para almacenar el valor de identidad y que no necesita comillas.

 

Añadir "return false;" al final de la función de mantener la forma de presentar los datos o reenviar al usuario a una nueva página Web. El guión final es la siguiente:

 

$ (Function () {

 

$ ("# Getvalor"). Haga clic en (function () {

 

var valor = $ ("select") attr ("id").;

 

$ ("#" Resultados) texto (valor).;

 

return false;

 

});

 

});