layui select赋值和默认选中完美实现

最新推荐文章于 2024-09-18 17:14:39 发布

DFBB&东方不败

最新推荐文章于 2024-09-18 17:14:39 发布

阅读量4.6k

点赞数 2

分类专栏： layui JavaScript 文章标签： layui

本文链接：https://blog.csdn.net/u013566212/article/details/120300952

版权

layui 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

本文分享了一段JavaScript代码，用于从后台获取数据并动态构建页面选择栏的下拉菜单，同时实现菜单数据的匹配。通过`$.each`遍历产品分类并填充到下拉菜单，然后根据指定的菜单ID进行选中操作。这是一个关于前端开发中动态交互功能实现的实例，适用于网页表单设计和数据绑定。

摘要由CSDN通过智能技术生成

在网上不断的查资料，发现网上的资料给的模拟两可，具体实现方式很难实现，这次我把这个功能完整的实现了，现在把代码贴出来，方便大家使用。

var productCategory = getCategory(); //获取产品分类
var menu = getMenuCategoryProduct(Datas.id); //获取下拉框数据

//第一步 执行页面的选择栏的载入
$.each(productCategory, function (index, item) {
   $('#productcategory').append(new Option(item.name, item.mid));// 下拉菜单里添加元素
});
form.render("select");

//第二步 进行数据配对的选择
var select = 'dd[lay-value=' + menu.category_id + ']';
var changeselect = $('#productcategory').siblings("div.layui-form-select").find('dl').find(select).click();
form.render("select");

如果有什么问题，可以直接给我留言，我会逐一解答