form.render()同样的手法，第二次没用了？

Question

form.render()同样的手法，为什么第二次没用了？

<div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">墓园</label>
                    <div class="layui-input-block" id="FTomb">
                      
                      <select  lay-filter="FTomb" lay-search="" name="FTomb">
                        <option value="0">请选择</option>
                      </select>
                    
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">墓型</label>
                    <div class="layui-input-block" id="FTombType">

                      <select lay-filter="FTombType" lay-search="" name="FTombType">
                        <option value="0">请选择</option>
                      </select>

                    </div>
                </div>
            </div>

这两个div的写法是完全相同的。

var select = document.getElementsByName("FTomb")[0]
for (var j = 0; j < json.count; j++) {
          if(j > 0){
            if(json.data[j].FTombName == json.data[j-1].FTombName){
              continue
            }
          }
    select.innerHTML += '<option value="'+json.data[j].FID+'">'+json.data[j].FTombName+'</option>'; 
}
form.render('select');

可以看到这里墓园是渲染成功的：

接下来是渲染墓型：

var select2 = document.getElementsByName("FTombType")[0]
            for (var j = 0; j < json.count; j++) {
              // console.log(json.data[j].FTombName+'---'+value)
              if(json.data[j].FTombName == value){
                select2.innerHTML += '<option value="'+json.data[j].FTombType+'">'+json.data[j].FTombType+'</option>'; 
              }
            }
            form.render('select');

完了点击墓型也没反应

console.log(select2)输出select元素发现是已经添加进去的，但是没有渲染：

求解惑

Answer 1