【Layui】select根据后台返回数据显示到下拉框

  1.  	<div class="layui-inline">
             <label class="layui-form-label" style="color: #666666">信道:</label>
             <div class="layui-input-block">
                 <select name="sendQueueChannel" id="sendQueueChannel" lay-verify="required">
                     <option value=""></option>
                 </select>
             </div>
         </div>
    
<script type="text/javascript">

layui.use(['layer', 'form', 'table', 'layedit', 'laydate', 'jquery'], function () {
        var form = layui.form,
            laydate = layui.laydate,
            layer = layui.layer,
            $ = layui.jquery;

//页面打开时异步加载数据,查询信道
        $(function () {
           $.ajax({
               type: "POST",
               // url: "/admin/devData/getSendQueueShowChannel",
               url: "/admin/devData/getAllChannel",
               success: function (data) {
                   $.each(data, function (index, item) {
                       // alert(index);
                       // alert(item);
                       $("#sendQueueChannel").append(new Option(item));
                   });
                   layui.form.render("select");
               },error: function () {
                   alert("查询信道失败")
               }
           })
        });
});
</script>
发布了35 篇原创文章 · 获赞 33 · 访问量 4951

猜你喜欢

转载自blog.csdn.net/wkw1598727534/article/details/90899432
今日推荐