使用 jQuery 填充选择/菜单对象

Question

我需要使用 jQuery 填充一个对象 我有一个显示的对话框（jQueryUI）。对话框关闭后，该对象应填充来自 mySQL 表的项目

我的 JS 代码中有一个函数 fill_select()... 我应该将代码放在那里，因为我经常调用这个 JS 函数。

PS：我应该在再次填充选择之前删除所有项目

Answer 1

http://docs.jquery.com/Ajax

我在这个示例中使用 JSON 的原因是因为您通常希望 AJAX 调用是轻量级的。对于大多数浏览器而言，在客户端构建 HTML 字符串相对较快（您可能知道哪个不是那么快......）。在任何情况下，出于速度考虑，您都不想一次将元素附加到选择一个。

如果您不知道 JSON 是什么，请查看此内容。

http://json.org/

    function fillSelectList(param1, param2) {
        $.ajax({
            type: "GET",
            url: "myUrl.php",
            data: { Param1: param1, Param2: param2 },
            dataType: "json",
            async: true,
            success: function(data, textStatus) {
                var html = "";
                for (var i = 0; i < data.length; i++) {
                    html += "<option value=\"";
                    html += data[i].value + "\">";
                    html += data[i].text + "</option>";
                }

                $("#mySelectList").empty().append(html);
            }    
        });        
    }