My goal is to set the current category ID in a variable, and if the category changes, I want to store that as well. Then, I need to compare both IDs. If they are not equal, I want to set the subcategory to null. However, I am unsure of where my mistake lies.
I attempted to use JavaScript for this purpose, but I encountered an issue where both IDs were coming out the same.
$(document).ready(function () {
myFunction();
function myFunction() {
var previousCategory = $("#selectcategory").val();
var category_id = previousCategory;
var category_id = $("#selectcategory").val();
var subcat_id = $("#selectsubcat").val();
console.log(previousCategory, category_id);
if (category_id !== previousCategory) {
$("#selectsubcat").val(null);
subcat_id = null;
}
}
$("#search").keyup(myFunction);
$("#selectsubcat").on("change", myFunction);
$("#selectcategory").on("change", myFunction);
});