選択フィールドを2回クリックして別の選択フィールドを入力する必要があります

Question

対応する国を選択するときに、州/地域の別の選択フィールドに値を入力できるようにするために、以下のコードを使用しています。しかし、2番目の選択フィールドを生成するには、最初の選択フィールドを2回クリックする必要があります。

私はこれが単純な解決策の共通の問題であることを知っていますが、解決策の多くは私が間違っているところに答えるのに役立ちません。誰もこれを修正する方法を指摘できますか？

$("#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

は#countryselectフィールドですか？その場合は、clickの代わりにchangeイベントを使用してください。