不得不在選擇字段上單擊兩次以填充另一個選擇字段

Question

我正在使用下面的代碼，以便能夠在選擇相應的國家/地區時爲狀態/區域填充另一個選擇字段。但是，爲了獲得第二個選擇字段的填充，我必須單擊第一個選擇字段兩次。

我知道這是一個簡單解決方案的常見問題，然而許多解決方案並不能幫助我回答出錯的地方。任何人都可以指出如何解決這個問題？

$("#country").on('click',function() { 
     var country = $('#country').val(); 
     var dataString = 'country='+ country; 
     if(country){ 
      $.ajax({ 
       type: "POST", 
       url: "query.php", 
       data: dataString, 
       cache: true, 
       success: function(html){ 
        $('#stateregion').html('<option value="">Loading...</option>'); 
        $("#stateregion").removeAttr('disabled'); 
        $('#stateregion').html(html); 
        $('#area').html('<option value="">-- Select State/Region First --</option>'); 
       } 
      }); 
     } else { 
        $('#stateregion').html('<option value="">-- Select Country First --</option>'); 
        $("#stateregion").attr('disabled', 'disabled'); 
        $('#area').html('<option value="">-- Select State/Region First --</option>'); 
        $("#area").attr('disabled', 'disabled'); 
     } 
    }); 

Answer 1

是#country a select字段？如果是這樣，請使用change事件而不是click。