Prevent "onchange" Event Conflict in JavaScript?
I have the below test javascript code which works:
Thanks!
var EmploymentStatusSelect = document.getElementById('mainForm:cont_appRequest_customers__0_employmentStatus:decoin:appRequest_customers__0_employmentStatus');
EmploymentStatusSelect.onchange = (event) => {
var esSelVal = event.target.value;
console.log(" event.target.value ==> " + event.target.value);
if(esSelVal != ""){
console.log("EmploymentStatusSelect ==> " + event.target.value);
} else {
console.log("EmploymentStatusSelect will not report");
}
}
Thanks!
It seems that you're overwriting the existing event handler. You need to add the new one via addEventListener() instead.
I also had luck with:
var employmentStatusSelect = document.getElementById('mainForm:cont_appRequest_customers__0_employmentStatus:decoin:appRequest_customers__0_employmentStatus');
employmentStatusSelect.addEventListener('change', function() {
// alert(this.value);
// var tv = this.value;
console.log("________________1st select:: this.value holds: " + this.value);
}, false);