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