JQuery動的オブジェクトロードセレクタ

Question

サブフォームをロードするためにラジオボタンをクリックするとフォームが作成されました。 これは完全に機能しますが、このサブフォームのみが読み込まれているときは外部データが必要なセレクタが3つあります。

$(document).on('focus', '#reemb', function() { 
    $.getJSON("/banks.php", function (json) { 
     $('#bank').empty(); 
     $.each(json, function (i, obj) { 
      $('#bank').append($('<option>').text(obj.name).attr('value', obj.code)); 
     }); 
    }); 

    $.getJSON('/statecity.json', function (data) { 
     var items = []; 
     var options = '<option value="">State</option>'; 
     $.each(data, function (key, val) { 
      options += '<option value="' + val.name + '">' + val.name + '</option>'; 
     }); 
     $("#state").html(options); 

     $("#state").change(function() { 

      var options_city = ''; 
      var str = ""; 

      $("#state option:selected").each(function() { 
       str += $(this).text(); 
      }); 

      $.each(data, function (key, val) { 
       if (val.name == str) { 
        $.each(val.city, function (key_city, val_city) { 
         options_city += '<option value="' + val_city + '">' + val_city + '</option>'; 
        }); 
       } 
      }); 
      $("#city ").html(options_city); 

     }).change(); 

    }); 
}); 

この作品の罰金を、私は再びセレクタが明確と負荷1日を変更する必要があります毎回： だから、私はこの方法で行いました。

タグonloadを追加して、このサブフォーム内のセレクタをロードする機能を開始しようとしましたが、機能しません。また、変更イベントを.onに試みましたが、動作しません。 どうすればいいですか？

Thx !!

#reembが何であるかを知らない

Answer 1

、私は空になり、関連するサブセレクトは： - $(document).on("change","#bank", function() {

$(document).on('click', '#reemb', function() { 
    $.getJSON("/banks.php", function(json) { 
    $('#bank').empty(); 
    $.each(json, function(i, obj) { 
     $('#bank').append($('<option>').text(obj.name).attr('value', obj.code)).change(); 
    }); 
    }); 

    $('#bank').on("change", function() { 
    $('#city').empty(); 
    $.getJSON('/statecity.json', function(data) { 
     var items = []; 
     var options = '<option value="">State</option>'; 
     $.each(data, function(key, val) { 
     options += '<option value="' + val.name + '">' + val.name + '</option>'; 
     }); 
     $("#state").html(options).change(); // if needed 
    }); 

    $("#state").on("change", function() { 
     var options_city = ''; 
     var str = ""; 
     $("#state option:selected").each(function() { 
     str += $(this).text(); 
     }); 
     $.each(data, function(key, val) { 
     if (val.name == str) { 
      $.each(val.city, function(key_city, val_city) { 
      options_city += '<option value="' + val_city + '">' + val_city + '</option>'; 
      }); 
     } 
     }); 
     $("#city ").html(options_city).change(); // if needed 
    }); 
    }); 
}); 

のような選択を保持する容器も空にされている場合は

、あなたも、すべてのオブジェクトのも、ハンドラ内部を委任する必要があります