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);
        });
    }
});

加载后一切正常。但未定义的文本显示在复选框上。 undefined 有什么变化...

Answer 1

当您执行var content2; 时，变量content2 仍然是undefined 用于javascript，您必须首先初始化您的变量：

var content2="";

然后附加到它。

希望这会有所帮助。