layui table嵌套xmselect多选下拉及回显

最新推荐文章于 2025-04-14 15:10:55 发布

小Hier

最新推荐文章于 2025-04-14 15:10:55 发布

阅读量2.7k

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_41965172/article/details/123659719

版权

本文展示了如何在layui表格中嵌入xmselect多选下拉框，并详细说明了如何进行数据回显的操作。通过HTML和JavaScript代码示例，解释了具体的实现步骤和需要注意的路径配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说直接上代码，效果入下图

html部分，不要忘了引入<script src="__STATIC__/plugs/lay-v2.5.6/lay/modules/xm-select.js"></script> 路径根据自己项目来写

<div class="layui-form-item">
                    <label class="layui-form-label required">选择商品</label>
                    <div class="layui-input-block layuimini-upload">
                        <input  id="products_title"  class="layui-input layui-col-xs6"  placeholder="请选择商品"  >
                        <input  id="demo" name="products_id" class="layui-input layui-col-xs6"  type="hidden">
                        <input  id="demosku" name="skuname" class="layui-input layui-col-xs6"  type="hidden">
                        <div class="layuimini-upload-btn">
                            <span><a class="layui-btn layui-btn-normal" id="select_products_id"><i class="fa fa-list"></i> 选择</a></span>
                        &