1

次のコードでチェックボックスリストを作成します。

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

                }

    }

エラーやコードの実行はないようです。アラートポップアップには、アイテムにデータが含まれているのにフォームに何も表示されないことが示されています。何か見落としているのでしょうか。

4

1 に答える 1

1

構文を修正しました、そしてそれは私のために働きます

（申し訳ありませんが、私はフィドルを保存しなかったようです）:(

そして、投稿されたばかりのコメントに基づいて、問題が何であるかがわかります。

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

と

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

私の作業コードで。

于 2012-07-14T20:12:08.070 に答える