Question

我使用以下代码创建一个复选框列表：

function LoadDetours() {
    if ($("#DepartureCityId").val() != "0" && $("#ArrivalCityId").val() != "0") {
        var url = "/Cities/detours?start=" + $("#DepartureCityId").val() + "&end=" + $("#ArrivalCityId").val();

        $.getJSON(url, null, function (data) {

            var topicContainer = $('ul#detourDiv');
            topicContainer.empty();
            $.each(data, function (iteration, item) {
                topicContainer.append(
                    $(document.createElement("li"))
                    .append(
                            $(document.createElement("input")).attr({
                                type: 'checkbox',
                                id: 'detour-' + iteration,
                                name: iteration,
                                value: "aaaaaaa"
                            })
                    )
                    .append(
                            $(document.createElement('label')).attr({
                                'for': 'detour-' + iteration
                            })
                            .text(item)
                    ))

                alert(item);
            });
        });

                }

    }

似乎没有错误和代码运行，警告弹出窗口显示我的项目中有数据，但我的表单上没有任何内容，我错过了什么？

Answer 1

修正了语法，它适用于我

（对不起，似乎我没有保存小提琴）:(

根据刚刚发布的评论，我们会看到问题所在。

<div id="detourDiv"> <ul style="list-style-type: none;"></ul> </div>

和

<div > <ul id="detourDiv" style="list-style-type: none;"></ul> </div>

在我的工作代码中。

使用JQuery动态创建复选框列表

1 个答案: