Detect if a dropdown (in checkout) is clicked or changed its value

Support
#1

Hi

As the title suggests, I am doing a conditional dropdown form.

IF the user chooses option A in dropdown 1 → dropdown 2 will be appended with a list of options.

I am having trouble detecting if the user has chosen an option. It detects the DOM but not the selected value

Did I do something wrong? Any help is super appreciative.

#2

I want to clarify, I am having trouble detecting changes and getting the value from a dropdown from <snipcart-select>

#city-select is the <select> id

$("#city-select").on('change', function(){
  //Do stuff when dropdown is selected
}):

var cityoption = $("#city-select").val();

Both of these doesn’t work. Do they have anything to do with the Vue? If so how should I approach this?

Any help is super appreciative.

#3

Hi everyone, I discovered a problem. I don’t know why but only I use this specific syntax that it works

$(document).on('change','#district-select',function(){

}):

Leaving it here if anyone is curious. I am now able to make dynamic dropdown list on Snipcart Checkout page