• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

爱河

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

LayUI动态添加select下拉框中的选择项

data[{name:'aa',age:18},{name:'lisi',age:100},{name:'zhangsan',age:80}]

html

 <div class='layui-col-md3'>
            <label class="layui-form-label">帅哥信息</label>
            <div class="layui-input-block">
                <select  id='aaa' lay-filter="aaa" class="layui-input " required="required">
                </select>
            </div>
        </div>

js

//循环插入option数据数据
$.each(data, function(index, item) {
//赋值
$('#aaa').append(new Option(item.name, item.age));
});
//重新渲染select标签中的内容
layui.form.render("select");

  

posted on 2020-11-23 18:46  爱河  阅读(2080)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3