jQueryでAjaxがロードされているチェックボックスが未定義で表示されます

Question

私はselectタグを有効にするためにチェックボックスを使用しています。 selectオプションタグとチェックボックスの両方がajaxからロードされます。オプションは正常に動作しますが、チェックボックスは未定義です。しかし、無効になっている選択タグを有効にするためにうまく動作します。私のコードは以下の通りです：

$.ajax({ 
    url: url, 
    type: "GET", 
    cache: false, 
    dataType: "JSON", 
    success: function (data) { 
     var content = ''; 
     content += '<select id="package" name="package" class="form-control col-md-7 col-xs-12" required="required" disabled="disabled">'; 
     content += '<option value="0"></option>'; 
     content += '<option value="500">having 200 to 500 students</option>'; 
     content += '<option value="750">having 500 to 750 students</option>'; 
     content += '<option value="1000">having 750 to 1000 students</option>'; 
     content += '<option value="1500">having 1000 to 1500 students</option>'; 
     content += '</select>'; 

     $("#package_field").html(content); 
     /*for unable_package_field*/ 
     var content2; 
     content2 += '<div class="col-md-1 col-sm-1 col-xs-1" style="margin-top: 6px;">'; 
     content2 += '<input type="checkbox" id="unable_package" name="unable_package" class="flat" checked="checked">'; 
     content2 += '</div>'; 
     $("div#unable_package_field").html(content2); 


     $('input[type="checkbox"]').on("click", function() { 
      $("div#package_field select").prop("disabled", false); 
     }); 
    } 
}); 

ロード時にはすべて問題ありません。しかし、未定義のテキストがチェックボックスに表示されます。あなたが最初にあなたの変数を初期化するためにきたjavascriptのための変数content2まだundefinedvar content2;を行うと

Answer 1

何未定義の変更の種類を...：

var content2=""; 

は、その後、それに追加します。

これが役に立ちます。