Ajax加載複選框顯示未定義在jquery

Question

我使用複選框來啓用我的選擇選項標記。選擇選項標記和複選框都是從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); 
     }); 
    } 
}); 

當它的負載一切都很好。但未定義的文本顯示在複選框上。

Answer 1

當你爲你已經先初始化變量的JavaScript做var content2;變量content2仍然undefined什麼樣的變化未定義的...：

var content2=""; 

然後追加到它。

希望這會有所幫助。