layui的下拉框加载动态修改?

建议 未结 6 328
l_zp
l_zp 2018-10-27
悬赏:20飞吻
layui的下拉框能否添加从后台加载的方法呢?就是类似于easyui的动态加载,给定一个url,可以自动加载的那种模式
回帖
  • 陈豪
    2018-10-28
    没有easy ui 那么 方便 。 但是也能 实现。
    0 回复
  • 阿星741
    2018-10-28
    $.ajax({
    url : "/assetProject/dictAction.action",
    data : {
    dictype : "assetState"
    },
    type : "post",
    dataType : "json",
    success : function(data) {
    $.each(data, function(index, data) {
    var option = $("<option>").val(data.id).text(data.dicname);
    $("select[name=zczt]").append(option);
    });
    }
    });
    0 回复
  • <div class="layui-input-inline">
    <select name="ownsstreetName1" id="ownstreetId1" lay-filter="ownsstreetFilter1">
    <option value="">请选择街道/镇</option>
    </select>
    <script>
    $(function () {
    $.ajax({
    url: '@Url.Action("GetSelectStreet", "Values", new { httproute = "DefaultApi", area = "" })',
    dataType: 'json',
    type: 'get',
    success: function (data) {

    $.each(data, function (index, item) {
    $('#ownstreetId1').append(new Option(item.Name, item.Code));// 下拉菜单里添加元素
    });
    layui.form.render("select");
    }
    })
    })
    </script>
    </div>
    0 回复
  • Zlheb
    2018-10-29
    layui没有对select进行这个功能的设定,如果需要的话得自己写代码,加载页面是获取需要动态加载的select下拉框,获取属性然后进行ajax请求追后将内容追加进去并渲染页面
    0 回复
  • l_zp
    2018-10-29
    其实大家说的我都知道的,只是想给layui的官方开发提个小建议。。。。
    0 回复
  • @l_zp 这个 建议很有必要。。。因为几乎没什么机会用静态的下拉框 自己写动态加载感觉不完美
    0 回复