Cómo Obtener un valor seleccionado con jQuery

Casillas desplegables permiten a los usuarios seleccionar una opción en un formulario Web. Formas de procesamiento requiere un poco de programación fuera del código de HTML básico, pero jQuery es muy adecuado para el desafío. Con la función "val ()", se puede obtener el valor de cualquier seleccionadaelemento de la página. Escriba una función utilizando el "click ()" evento para que la página Web muestra una lista desplegable o "selección" valor del cuadro cuando el usuario hace clic en un botón de "Enviar".

 

JQUERY SELECCIONADO

 

Abra el código en un editor como el Bloc de notas o Notepad + +, y se les presentarán entre las etiquetas "cabeza" y, sobre el cierre "/ body" de referencia de la biblioteca jQuery. Agregue este código si lo encuentras en ninguno lugar:

 

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

 

Añadir un nuevo par de etiquetas "script" por debajo de ese código. Todo el código jQuery irá entre las siguientes etiquetas:

 

script type = "text / javascript"

 

/ Script

 

Desplácese hacia abajo en el código HTML, y encontrar los nombres de ID de la lista desplegable, el botón "Enviar" y un elemento vacío que puede generar el valor:

 

forma

 

seleccione id = "desplegable"

 

valor de la opción = "1" Valor 1/option

 

/ Select

 

input type = value "submit" = "Obtener el valor" id = "mysubmit" /

 

/ Forma

 

div id = "thevalue" / div

 

En el código de ejemplo anterior, el ID de la caja desplegable es "desplegable" mientras que el ID del botón "Enviar" es "mysubmit." Las etiquetas "div" al final tienen un ID de "thevalue", y se puede utilizar un div así dar salida a su valor desplegable.

 

Volver a la secuencia de comandos, y comenzar su función "documento listo":

 

$ (Function () {

 

});

 

Toda la secuencia de comandos dentro de esta función. Este código impide que el guión se ejecute hasta que la página termine de cargar.

 

Seleccione el botón "Enviar" por su nombre de ID, y añadir la función "click ()":

 

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

 

});

 

Cambiar "mysubmit" al nombre de ID de su botón "Enviar". Siempre añada los nombres de identificación con un símbolo de hash en selectores de jQuery.

 

Declare una variable dentro de la función "click ()", y lo puso igual a un selector de la caja desplegable con la función "val ()" añadida:

 

var selección = $ ("# desplegable") val ().;

 

Seleccione el elemento HTML vacía, como un par de etiquetas "div", utilizando su nombre de identificación. Añada la función "text ()" para este selector, y pase la variable como argumento:

 

$ ("# Thevalue") texto (selección).;

 

Añadir "return false" al final de la función "haga clic en ()" para mantener el botón "Enviar" de enviar al usuario a otra página. Este es el guión final:

 

$ (Function () {

 

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

 

var selección = $ ("# desplegable") val ().;

 

$ ("# Thevalue") texto (selección).;

 

return false;

 

});

 

});