layui动态插入选择框到下拉框上

 我需要从后台发起请求获取有哪些父目录，再将数据填充到下拉框上去。 

html上的代码：

在select标签上添加id为pid

 js的代码：

  $.ajax('http://localhost:6630/api/tag-info/parentTagAll/', {
                        method: 'GET',
                        contentType: 'application/json',
                        success:function (result) {
                           var data=result.data;
                           var str="";
                           for(var i=0;i<data.length;i++){
                                if(i==0){
                                    str+="<option selected value=\""+data[i].id+"\">"+data[i].title+"</option>";
                                }
                                 else{
                                    str+="<option value=\""+data[i].id+"\">"+data[i].title+"</option>";
                                 }   
                           }
                            $("#pid").html(str)
                            form.render('select');
                        },
                        error:function (err) {
                            console.log(err);
                            layer.msg("机器繁忙，稍后再试");
                            layer.close(index);
                        }
                    })

 核心代码在成功的回调函数，通过循环从后台获取的数据，进行拼接<option>标签，如果i为0即开始循环的时候，将这个标签设置为selected为默认选中，使用$("#pid").html(str)将数据填充到下拉框上，再使用 form.render('select');重新渲染下拉框。

 后台代码：

获取字段layer为1的数据，返回给前端。