Tecnología

Inicio

Cómo obtener el valor de ID en un menú desplegable con jQuery

Obtener el valor de la ID de un cuadro desplegable en una página web requiere el uso de la función "attr ()" al programar en jQuery. Esta función obtendrá el valor de cualquier atributo de código HTML. Es necesario ejecutar esta función en la etiqueta "<select>" ya que es la etiqueta que crea cuadros desplegables en HTML. Una vez que se obtiene el valor de la ID que 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.

Instrucciones

1 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:

<Etiquetas de script con la referencia de jQuery. Escribir una función para comprobar si la carga de la página entre los "<script>" etiquetas terminado. La secuencia de comandos de jQuery irá dentro de esa función:

<Script type = "text / javascript">

$ (Function () {

});

</ Script>

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

<Input type = "submit" value = "Obtener ID" id = "getValue" />

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

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

$ (Function () {

$ ( "# GetValue"). Click (function () {

});

});

Este script selecciona el botón por su nombre de identificación, por lo que cambiar "getValue" con el nombre de identificación de la "Enviar" código del botón.

5 Declarar una variable dentro de la función iniciada por el hecho clic. Hacer la variable igual a la ID se encuentra dentro de la etiqueta "<select>" que se encuentra en la forma. Este código le dará el valor de ID de la lista desplegable:

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

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

6 La variable de salida 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:

. $ ( "#") Los resultados de texto (idValue);

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

7 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 el siguiente:

$ (Function () {

$ ( "# GetValue"). Click (function () {

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

$ ( "#") Los resultados de texto (valor).;

falso retorno;

});

});