求助！layui动态改变select的option

HandsomeOX

1. var ele = wbKitView.querySelector(".s1");
   
2. if(ele){
   
3.         for(i=0;10;1){
   
4.                 ele.insertAdjacentHTML("beforeEnd","<option value="+tostring(i)+">"+"s1-"+tostring(i)+"</option>");
   
5.         }
   
6. }
   
7. 
   
8. var ele = wbKitView.querySelector(".s2");
   
9. if(ele){
   
10.         for(i=0;10;1){
    
11.                 ele.insertAdjacentHTML("beforeEnd","<option value="+tostring(i)+">"+"s2-"+tostring(i)+"</option>");
    
12.         }
    
13. }
    
14. var ele = wbKitView.querySelector(".s3");
    
15. if(ele){
    
16.         for(i=0;10;1){
    
17.                 ele.insertAdjacentHTML("beforeEnd","<option value="+tostring(i)+">"+"s3-"+tostring(i)+"</option>");
    
18.         }
    
19. }

复制代码

窗体上相关代码

1. <div class="layui-form" id="layui-form">
   
2.           <div class="layui-form-item">
   
3.       <label class="layui-form-label">选择框1：</label>
   
4.       <div class="layui-input-inline" style="width: 300px;">
   
5.         <select name="s1" class="s1">
   
6.               </select>
   
7.       </div>
   
8.       </div>
   
9.       <div class="layui-form-item">
   
10.       <label class="layui-form-label">选择框2：</label>
    
11.       <div class="layui-input-inline" style="width: 300px;">
    
12.         <select name="s2" class="s2">
    
13.               </select>
    
14.       </div>
    
15.       </div>
    
16.       <div class="layui-form-item">
    
17.       <label class="layui-form-label">选择框3：</label>
    
18.       <div class="layui-input-inline" style="width: 300px;">
    
19.         <select name="s3" class="s3">
    
20.               </select>
    
21.       </div>
    
22.       </div>
    
23. 
    
24.                  
    
25.                  <div class="layui-inline" style="float:right">
    
26.                  <button class="layui-btn" style="float:left" onclick="javascript:external.ok();">确定</button>
    
27.                  <button class="layui-btn layui-btn-primary" style="float:left" onclick="javascript:external.exit();">取消</button>
    
28.                  </div>
    
29.   </div>

复制代码

html相关代码

有时正常，不过大多数时候select只有两个有数据。注释掉一个的代码，则另两个正常

不知是什么原因，对THML不熟，下面是整个工程
https://pan.baidu.com/s/1GSKsOY-VuOkGNCH1Hv6y2w

金满斗

这其实是layui使用方法你并没有搞对，layui的表单元素并不支持后渲染，你要么开始就在生成html的时候就用模板语法一次性生成，要么动态加入html后在主文件里再执行下脚本。

wbKitView.doScript(
"layui.use(['form','layedit'], function(){
  var         form = layui.form
          

});
"

)

注意如果第二方法的话。html里的那个初始化脚本要去掉