代码之家  ›  专栏  ›  技术社区  ›  Enrique

使用jquery填充select/menu对象

  •  1
  • Enrique  · 技术社区  · 15 年前

    我需要使用jquery填充一个对象 我有一个对话框(jqueryui)显示。一旦对话框关闭,对象应该被从mysql表中获取的项填充。

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

    PS:我应该在重新填写之前删除所有项目,选择

    1 回复  |  直到 15 年前
        1
  •  7
  •   ChaosPandion    15 年前

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