将json元素添加到表单select中

JSON数据填充Select框

conkeyn

于 2010-08-10 15:06:46 发布

阅读量357

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： json Ajax PHP

本文链接：https://blog.youkuaiyun.com/conkeyn/article/details/83682389

JavaScript 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种使用jQuery AJAX获取JSON数据，并将其填充到HTML表单Select元素中的方法。通过发送GET请求到指定URL，获取返回的JSON数组，然后遍历数组中的每一项，创建新的option元素并附加到Select框中。

将json元素添加到表单select中。

$.ajax({type: "GET",
                   url: "ajax_get_districts.php",
                   data: "type=operators&project_id="+o.options[o.selectedIndex].value,
                   dataType: "json",
                   success: function(json){
                        for(var i = 0; i < json.length; i++)
                        {
                            $(new Option(json[i].name,json[i].id)).appendTo('#select_project');
                        }
                   }
                });