Javascript 选择包含网格和列表的整体。现在我为网格选择了两个，为生成的两个列表选择了两个，并且成功了：）但是看起来页面仍然损坏，尽管一切看起来都很清楚。。第一个网格很好，我可以毫无问题地填充它。但是当我选择另一个网格时，旧的网格消失了，看起来一切正常，但是填充一点也不

---

选择包含网格和列表的整体。现在我为网格选择了两个，为生成的两个列表选择了两个，并且成功了：）但是看起来页面仍然损坏，尽管一切看起来都很清楚。。第一个网格很好，我可以毫无问题地填充它。但是当我选择另一个网格时，旧的网格消失了，看起来一切正常，但是填充一点也不正常。你认为这会引起很大的麻烦？因为我的项目今晚就要到期了，我还有其他必要的职能和职责要做@ScottMarcist很难说如果你不发布你所有的代码（所有的HTML和JS），这将很难，因为代码的长度：/我不知道是否有一种方法可以直接将代码发送给某人，我们不希望你直接将代码发送给个人，但是您可以在问题中创建JSFIDLE或嵌入代码片段

        <form method="post" id="formulaire">
        <div class="toto">
            <select id="myselect" name="grille">
                <option selected="selected">Choisir</option>
                <option value="test1.json">test1</option>
                <option value="test2.json">test2</option>
            </select>
</form>

(function ($) {
    $(document).ready(function () {
        $('#myselect').on('change', function (e) {
            init($('#myselect').val()); /* This is a declared function already to draw the grid and the other things I wanna do and it works well.*/

        });

     });
}) (jQuery);

function init(link) {

    $.getJSON(link, function (data) {
        //set up the crossword
        var puzzle = data.solution;
        var cheat = 0;
        $div = $('#container');
        $("#author").append('<b>' + data.author + '</b>');

        var start = Date.now();// for calculating the time purpose
       // Creating the list of clues
        for (i = 0; i < data.acrossClues.length; i++) {
            if (data.acrossClues[i] != null) {
                $(".listhorizontal").append('<li id="selects">' + data.acrossClues[i] + '</li>');
            }
        }

        for (i = 0; i < data.downClues.length; i++) {
            if (data.downClues[i] != null) {
                $(".listvertical").append('<li id="selects">' + data.downClues[i] + '</li>');
            }
        }
        // creating the grid 
        for (var i = 0; i < data.nRows; i++) {
            for (var j = 0; j < data.nCols; j++) {
                var $block = $('<div class="block" data="false" select="false" wordselect="false" cheat="false"><div class="outer"><div class="inner"></div></div></div>');
                if (j == 0) $block.css('clear', 'both');
                $div.append($block);
            }
        }


        for (var row = 0; row < puzzle.length; row++) {
            for (var col = 0; col < puzzle[row].length; col++) {
                if (puzzle[row][col] != ".") {
                    addLetter(puzzle[row].charAt(col), row + 1, col + 1, 0);
                }
            }
        }
./* + many functions for event handling.. */
    });
};