He escrito un formulario que contiene una selección de HTML servida por jQuery. El resto de elementos HTML se sirve con Javascript puro. Quiero obtener en la parte de Javascript el valor obtenido del bloque jQuery. Aquí hay un código simple que cubre el tema:
<!DOCTYPE html><html> <head><meta charset="UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function() { $("#button").click(function() { var value = $("#city").val(); alert(value); }) }); //how to get value from jQuery block above ? ? var pure_value = value; . . . . . . . . . . . . //the next code using value </script> </head> <body> Select City: <select id="city" name="city"> <option value="delhi"> Delhi </option> <option value="mumbai"> Mumbai </option> <option value="chennai"> Chennai </option> </select> <button id="button"> Fetch Value </button> </body> </html>El valor de var solo tendrá un valor de ciudad cuando el usuario haga clic en el botón, por lo que no tiene sentido intentar obtener el valor de la variable declarada dentro de la devolución de llamada del clic del botón.
Tienes algunas posibilidades:
var pure_value = $("#city").val();