layui中的select下拉框，数据加载出来了，下拉框里面却没有数据，是什么原因？（已解决）-白红宇的个人博客

发布日期：2021-05-08 22:14:35 浏览次数：24 分类：精选文章

本文共 571 字，大约阅读时间需要 1 分钟。

在实际项目中，虽然服务器返回了数据，但选项未显示的问题通常与以下几点有关：

选项生成方式不正确：在前端代码中，使用layui.form.render('select')方法会更好地渲染select组件，而不是直接使用html()方法。

数据解析错误：确保前端正确解析服务器返回的数据结构，特别是在生成选项时，正确获取contentName或contentname的值。

选中值获取错误：在form.on('select')事件中，使用data.elem.val()而不是data.elem.text()来获取选中的值。

以下是优化后的代码示例：

注意事项：

正确渲染选项：使用layui.form.render('select')确保组件正确渲染，避免直接使用html()方法。

确保数据结构正确：服务器返回的数据格式是否与前端代码一致，尤其是contentName的大小写是否一致。

正确获取选中值：在form.on('select')事件中，使用data.elem.val()获取选中的值，而不是text()方法。

通过以上优化，问题应该能够得到解决。

上一篇：javascript 怎么判断一个值类型的？

下一篇：layui分页与mvc保持页码对应

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！