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