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

Question

我需要使用jQuery填充对象我有一个对话框(jQueryUI)显示.对话框关闭后,对象应填充从mySQL表中获取的项目

我有一个函数fill_select()位于我的JS代码中...我应该在那里放置代码,因为我经常调用这个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);
            }    
        });        
    }