Layui select（下拉框）使用（动态渲染，更改选中值）

最新推荐文章于 2024-08-13 10:04:20 发布

旭东怪

最新推荐文章于 2024-08-13 10:04:20 发布

阅读量2.5w

点赞数 5

分类专栏：前端 UI 框架

本文链接：https://blog.csdn.net/qq_38974638/article/details/109749533

版权

1 动态渲染

HTML 代码：

<form>
    <select id="RiverTypeLevel" >
        <option value="">--全部--</option>
    </select>
</form>

JS代码：

var ids=['1','2','3'];
var names=['流域','河段','水系'];
var select= document.getElementById('RiverTypeLevel');
for (var i=0;i<ids.length;i++) {
    var option = document.createElement("option");
    option.setAttribute("value", ids[i]);
    option.innerText = names[i];
    select.appendChild(option)
    }
};
//渲染下拉框
layui.use('form', function () {
    var form = layui.form;
    form.render("select");
});

最终效果图：