La hago corta. Tengo ciertas variables en script1 recogidas de html1, y quiero ver algunas desde script2 cuando cargue html2. Intenté usando variables globales, pero no lo consigo. Las veo vacías desde script2. Supongo que se debe a una cuestión de scope que yo no se.
El usuario pasa de html1 a html2 mediante un boton. La variable de la que hablo es, en concreto, una opcion de un dropdown que capturo mediante JQuery y se guarda en una variable global. html1 y html2 tienen cada uno su script. Lo que yo quiero hacer es cargar html2 y mostrar la opcion que eligió el usuario en dicho dropdown ubicado en html1.
He intentado haciendo esto:
variableGlobal = funcionXqueRetornaOpciondeDropdown;
y después usar la misma variable en script2, pero la veo undefined. (Notese que hago referencia a los dos scripts en html2 al final del body)
script1
$(function(){
dropdownCaptura = function (dropdown, boton) {
dropdown.on('click', 'li', function () {
ciudad = $(this).text();
if (boton.hasClass("btn-danger")) {
boton.switchClass("btn-danger", "btn-primary", 0);
$("#divDanger").fadeOut();
}
boton.html(ciudad);
return ciudad;
});
};
});
ciudadOrigen = dropdownCaptura(dropdownOrigen1, btnDropdownOrigen1);
La captura del Dropdown funciona.
script2
$(function(){
var ciudad = ciudadOrigen;
console.log(ciudad);
});