javascript - 第一个更改后如何获取第二个组合框值(jQuery)

我有2个组合框，第一个组合用于省，第二个组合用于城市/城镇。

我只是想在第一个组合框更改后获取第二个组合框（城市/城镇）的值，并且在用户选择第一个组合框后，第二个组合框将使用ajax进行更改。

这是我的代码，但问题是警报显示两次！

jQuery('#billing_state').on('change', function() {
    jQuery('#billing_city').on('change', function() {
          var state = jQuery(this).val();
          alert(state);
    });

});

最佳答案

您为什么要对事件进行总结？只需在第一个组合上使用change即可。

这是一个例子：

state = {"1":["Rome","Milan","Parma"],"2":["Paris","Lile","Nice"],"3":["Algiers","Jijel","Bejaia"],"4":["London","Manchester"]}


$(document).ready(function(){
	//this if you want that changing province this alert country value
    $("#billing_state").on("change",function(e){

          $("#billing_town").children().remove();
          var city =state[$(this).val()];
          if(!city) return;
          $("#billing_town").append('<option value="">- Select -</option>')
          for(i=0; i< city.length;i++) {
            //console.log(city[i]);
            $("#billing_town").append('<option value="'+city[i]+'">'+city[i]+'</option>');
          }

    });

    // when changing country this alert country value itself
    $("#billing_town").on("change",function(e){
  	    alert($(this).val());
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Province :
<select id="billing_state">
  <option value="">- select -</option>
  <option value="1">Italy</option>
  <option value="2">France</option>
  <option value="3">Algeria</option>
  <option value="4">UK</option>
</select>
<br><br>
Country :
<select id="billing_town">
</select>

关于javascript - 第一个更改后如何获取第二个组合框值(jQuery)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39138794/