搜索
查看: 1156|回复: 1

求助!layui动态改变select的option

[复制链接]

1

主题

1

帖子

13

积分

新手入门

Rank: 1

积分
13
发表于 2018-6-14 15:01:36 | 显示全部楼层 |阅读模式
  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. var ele = wbKitView.querySelector(".s2");
  8. if(ele){
  9.         for(i=0;10;1){
  10.                 ele.insertAdjacentHTML("beforeEnd","<option value="+tostring(i)+">"+"s2-"+tostring(i)+"</option>");
  11.         }
  12. }
  13. var ele = wbKitView.querySelector(".s3");
  14. if(ele){
  15.         for(i=0;10;1){
  16.                 ele.insertAdjacentHTML("beforeEnd","<option value="+tostring(i)+">"+"s3-"+tostring(i)+"</option>");
  17.         }
  18. }
复制代码

窗体上相关代码

  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.                  <div class="layui-inline" style="float:right">
  25.                  <button class="layui-btn" style="float:left" onclick="javascript:external.ok();">确定</button>
  26.                  <button class="layui-btn layui-btn-primary" style="float:left" onclick="javascript:external.exit();">取消</button>
  27.                  </div>
  28.   </div>
复制代码

html相关代码

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

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

使用道具 举报

12

主题

82

帖子

770

积分

培训班

积分
770
QQ
发表于 2018-7-1 07:05:04 | 显示全部楼层
这其实是layui使用方法你并没有搞对,layui的表单元素并不支持后渲染,你要么开始就在生成html的时候就用模板语法一次性生成,要么动态加入html后在主文件里再执行下脚本。

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

});
"

)

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

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

手机版|未经许可严禁引用或转载本站文章|站长邮箱|aardio.com|aardio官方社区 ( 皖ICP备09012014号 )

GMT+8, 2018-12-17 18:26 , Processed in 0.062500 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表