Wie kann ich den Wert auf Onchange auf ein anderes Ereignis onchange in jquery passieren

Question

ich diesen Code haben:

$(document).ready(function(){ 
    var country; 
    $('#selectCountry').on('change', function (e) { 
    var optionSelected = $("option:selected", this); 
    var country= this.value; 
    }); 

    $('#selectedPlace').on('change', function (e) { 
    var optionSelected = $("option:selected", this); 
    var place = this.value; 
    console.log(country); 
    console.log(place); 
    }); 
}); 

ich den selectedCountry Wert bekommen, wenn ich einen Ort oder wenn selectPlace onchange Ereignis auswählen ausgelöst wurde. Ich habe diesen Code versucht, aber country ist undefined

Wie kann ich Wert auf globale Variable von onchange Ereignis zuweisen? Bitte helfen. Thanks :)

Answer 1

Sie können direkt Wert von country erhalten, wenn selectedplaceonchange

$('#selectedPlace').on('change', function (e) { 
    var optionSelected = $("option:selected", this); 
    var place = this.value; 
    console.log($('#selectCountry').val()); 
    console.log(place); 
    }); 

abgefeuert wird

Answer 2

$(document).ready(function(){ 
    var country 
     place; 

$('#selectCountry').on('change', function (e) { 
    country = $('#selectCountry').val(); 
}); 

$('#selectedPlace').on('change', function (e) { 
var place = $('#selectedPlace').val(); 
console.log(country); 
console.log(place); 
}); 
}); 

Answer 3

Entfernen Sie Ihre var von var country= this.value; in Ihrem $('#selectCountry').on('change', function (e) { }); Funktion. Einfach als Global festlegen.

$(document).ready(function() { 
 
    var country; 
 
    $('#selectCountry').on('change', function(e) { 
 
    var optionSelected = $("option:selected", this); 
 
    country = this.value; 
 
    }); 
 

 
    $('#selectedPlace').on('change', function(e) { 
 
    var optionSelected = $("option:selected", this); 
 
    var place = this.value; 
 
    console.log(country); 
 
    console.log(place); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="selectCountry"> 
 
    <option value=0>Select</option> 
 
    <option value=A>A</option> 
 
    <option value=B>B</option> 
 
</select> 
 
<select id="selectedPlace"> 
 
    <option value=0>Select</option> 
 
    <option value=a>a</option> 
 
    <option value=b>b</option> 
 
</select>

Answer 4

$(document).ready(function(){ 
 
    var country; 
 
    $('#ddlCountry').on('change', function (e) { 
 
    country= $('#ddlCountry').val() 
 
    }); 
 

 
    $('#ddlPlace').on('change', function (e) { 
 
    var place = $('#ddlPlace').val(); 
 
    console.log(country); 
 
    console.log(place); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="ddlCountry"> 
 
    <option value=0>Select</option> 
 
    <option value=India>India</option> 
 
    <option value=Usa>Usa</option> 
 
</select> 
 
<select id="ddlPlace"> 
 
    <option value=0>Select</option> 
 
    <option value=Mumbai>Mumbai</option> 
 
    <option value=Colorado>Colorado</option> 
 
</select>