欢迎光临
感谢一路有你

代码片段 | layui 异步加载的数据添加到select的option中

如果你对该文章中的内容有疑问/不解,可以点击此处链接提问
要注明问题和此文章链接地址 点击此处跳转
 
<div class="layui-inline">
              <label class="layui-form-label">控制器</label>
              <div class="layui-input-inline">
                <select name="control" lay-filter="control">
                  <option value="0">---未选择---</option>
                  <?php if(is_array($controllers)): ?>
                  <?php foreach($controllers as $k=>$vo):?>
                  <option value="{$vo}">{$vo}</option>
                  <?php  endforeach; endif; ?>
                </select>
              </div>
            </div>
            <div class="layui-inline">
              <label class="layui-form-label">方法</label>
              <div class="layui-input-inline">
                <select name="act" >
                    <option value="0">---未选择---</option>
                </select>
              </div>
            </div>
            

form.on('select(control)', function(data){
      var control = data.value
      $.ajax({
        type:'get',
        url:"{:url('config/get_action')}",
        data:{control:control},
        dataType:'json',
        success:function(res){
          $("select[name=act]").html("");
          for(var i=0;i<res.length;i++){
            option='<option value ="'+res[i]+'">'+res[i]+'</option>';
            $("select[name=act]").append(option);
          }
          form.render('select');//更新数据        
        }
      })
    });

 

赞(1) 打赏
未经允许不得转载:王明昌博客 » 代码片段 | layui 异步加载的数据添加到select的option中
分享到: 更多 (0)

相关推荐

  • 暂无文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
订阅图标按钮