formSelects下拉选渲染后没数据的问题

最新推荐文章于 2024-06-06 17:22:59 发布
最新推荐文章于 2024-06-06 17:22:59 发布
阅读量5.3k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： formSelects layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tianss3830983/article/details/85233200
版权

又一次遇到了layui.formSelects下拉选数据没有渲染上去的问题，之前解决过一次这个问题，但是当时忘记记录了，导致我今天再一次碰到这个问题时一时想不起来浪费了半个多小时，现在记录一下这个问题。Orz

BUG重现：

下拉选没有数据，但是查看浏览器后台却能看到的确查询到数据了

该BUG出现的原因：

后端接口返回的数据需要一个code=0;

 好了，后台返回的数据加个状态码code=0后下拉选就可以正常的渲染上去了，

完结*★,°*:.☆\(￣▽￣)/$:*.°★*。撒花！

暴走地水牛
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Form表单的Select搜索框如何获取接口数据并渲染页面
Yanxiaona111的博客
04-25 998
我做的这个是企业微信上的（聊天消息）类型搜索 想要实现搜索内容并渲染页面，必须得给后端返回一个类型的字段，（你可以问一下你们后端要的是什么字段）我这里是msg_type这个字段 当然渲染接口是已经取好了的，这个搜索框不用再重复取 这个是子页面，用来渲染聊天的页面， @ item - 是通过父页面传过来的 @ conntentType - 也是从父页面传过来的，就是为了左侧的是个接口的，也是为了方便区分，如果你的接口就一个的话，你可以把这个函数直接换成接口函数就好，并且传值给后端 @
ListView实现下拉动态渲染数据
08-30
ListView 实现下拉动态渲染数据 在移动应用开发中，实现下拉动态渲染数据是非常常见的需求，特别是在列表视图中。 ListView 是一个常用的列表视图组件，通过实现下拉动态渲染数据，可以提高用户体验和APP的性能。...
layui select下拉框动态加载失败 无数据
可控的事情要谨慎，不可控的事情要乐观。
11-28 1165
layui的select 若已经给了选项的数据，它还会动态生成另外一段代码： <dl class="layui-anim layui-anim-upbit"/> 想自己添加动态的数据，则我们也需要添加： <dl class="layui-anim layui-anim-upbit"/> 的选项数据，否则，select会失效。 $("#GoodsModifyModel_G...
解决layui扩展select -- formselects （使用的formSelects-v4）本地数据过滤(查询)后全选,勾选了全部的问题这个问题是layui通病bug
最新发布
weixin_41815769的博客
06-06 517
/ 这是自定义的方法（抽离出来方便引用，也可以放独立的js供全局引用）// 搜索多选-处理的函数 selectName为xm-select的值，formSelects为 layui.formSelects对象;// 自定义处理方法(解决搜索后点击全选bug问题)-路径在res/js/common_form.js。// 如果是隐藏的并且isSearchVal=true时，return false阻止选中。// select打开时,设置isSearchVal为false，此时选中不作限制。
使用layUI时form表单中的select标签无法正常渲染option（option从后台返回）
weixin_43734732的博客
10-09 1014
// 获取推荐分类列表 function getRecomList(){ $.ajax({ type: 'get', url: '请求接口’, contentType: "application/json; charset=utf-8", ...
下拉框二级联动 选中后视图没有渲染等问题解决办法
qlyyyi的博客
04-18 483
实质就是数据层级太深，我们一次性从后端拿到二级的全部数据，当数据改变后，视图没有重新渲染，所以要强制刷新视图，重新渲染，这个比较消耗性能。2、或者点击一级下拉框的数据时，二级数据能展示到二级下拉框，但点击二级下拉框的数据时，不能展示到页面。1、我们点击一级下拉框的数据时，二级数据不能展示到二级下拉框。当前端要展示二级联动效果，或者多级联动。此方法同样适用于多级联动 ~~~~~
【坑】select选中的内容与显示的文本不一样的问题（iview）
haya的博客
07-15 1168
使用iview的resetFields重置表单时，总会遇到select文本内容错乱的bug 例如： 之后查阅iview文档发现 使用resetFields清空表单 清空的只是表单的值不包括下拉框里的options列表 因此多次添加编辑 select内容会显示混乱，所以只要在resetFields清空表单也对下拉列表进行清空即可 js emptyUser(){ this.$refs['...
js解决select下拉选不中问题
10-25
当事件mouseover中出现select下拉框时，select下拉是选不中的，下面有个不错的解决方法，大家可以看看
基于layui的下拉列表的数据回显方法
10-16
今天小编就为大家分享一篇基于layui的下拉列表的数据回显方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Delphi 12 VertScrollBox1实现手机app数据下拉
04-21
在本文中，我们将深入探讨如何使用Delphi 12中的VertScrollBox1组件来实现手机应用程序的数据下拉加载功能。这种功能通常在Android和iOS应用中用于显示大量数据时，提高用户体验，允许用户通过简单的下拉操作加载更...
layui select回显问题
qq_41669665的博客
07-23 1565
layui.form.render("select") 不会清空其他select formSelects.render();会清空所有的多选 加载单选的最好放在layui.use('form', function() {}中 多选的回显放在layui.use(['jquery', 'formSelects'], function(){}中
可以动态添加、模糊搜索的单选下拉框插件formSelects
27号白开水的博客
05-21 2447
技术文档及插件下载链接： https://hnzzmsf.github.io/example/example_v4.html#select_data https://fly.layui.com/extend/formSelects/ 用得不深，只分享基本功能相关代码，对于只要求单选、动态添加、模糊搜索的需求够用了。 其他各种样式的多选啊、更换皮肤啊、远程搜索啊啥的大家就看官方文档吧。???? 先看实现效果： 1、前端代码 //引入formSelects.css <link rel="stylesh
layui select form.render(‘select‘) 只触发二次，之后不会触发改变值
Dxiaoqi
09-01 575
错误代码 $("#xxx option[value='1']").attr("selected","selected"); 以上写法只会触发一次，之后再次改变页面不会更改，应改为以下写法 正确代码 $("#xxxoption[value='1']").prop("selected",true); //prop使用于固定属性，selected就是select下拉框的固定属性。 //attr适用于自定义属性 ...
layui 动态添加select不显示
weixin_40206441的博客
03-22 2459
需要render 一下，重新渲染 $("#add").click(function() { $("#famliy-table").append(tr); form.render('select') deleteTr() }) https://www.layui.com/doc/modules/form.html ...
layui中的select下拉框，数据加载出来了，下拉框里面却没有数据，是什么原因？（已解决）
weixin_45932157的博客
02-10 6560
这个问题坑了我很久了。 错误显示： 我们可以看到竟然没有把数据添加进去。 当我们检查的时候数据是有的 但dl里的数据就没有了，说明是没有渲染出来。 解决方法： 看代码： html代码： <div class="layui-input-inline" > <select name="quiz2" id="quiz2" lay-filter=...
Layui下拉框样式动态加载不出现数据的问题
weixin_44579862的博客
08-18 3879
之前遇到过这样一个问题，就是使用layui下拉框的时候，因为下拉框的数据是动态加载的，当在页面刷新数据时，layui下拉框的样式在，但是需要加载的数据却不显示，刚开始的时候以为以为是数据不绑定的问题，去掉layui样式时却可以显示数据，所以数据时绑定的，后来又尝试了静态加载数据，发现数据和样式都可以显示出来，那么我认为是加载时候出现了问题，我觉得应该是加载的时候起了冲突，以至于显示不出来数据。 一...
layui 中 select 绑定动态数据不显示的问题
weixin_44165899的博客
07-14 1302
layui是大家比较喜欢的后台搭建框架，但它在给大家带来便利的同时，有会出现一些问题，比如select绑定动态数据不显示。 我在项目中就遇到了这个问题，解决方法如下 layui.use(['form' ], () => { let _this = this //绑定this let form = layui.form let
vue layui select不显示数据
laoyao199044的博客
02-06 1468
问题 页面显示没有数据 查看HTML 确实拼接到了select下，但是并没有被layui将vue的数据渲染出来。要是使用静态数据，layui是可以渲染出来的。 原因 引用官方文档 有些时候，你的有些表单元素可能是动态插入的。这时 form 模块 的自动化渲染是会对其失效的。虽然我们没有双向绑定机制（因为我们叫经典模块化框架，偷笑...
layui的form表单中select选择框内容不显示
CharlesMo1996的博客
03-29 3631
页面问题如图 性别和户主关系的下拉选择框没有显示 html文件代码如下 检查html代码没有发现问题 js文件代码如下 问题原因及解决办法 layui下如 html代码是动态生成的，自动渲染会失效，此时需要手动渲染表单在 js文件中的适当位置添加 form.render(); 即可解决问题；解决js代码如下 ‘use strict’ layui.use([‘layer’,‘form’,‘ta...
vue下拉多选框怎么回显数据
06-06
要回显数据，你需要在你的Vue组件中绑定一个数组，用来保存用户选择的选项。比如，你可以在data选项中定义一个名为selectedOptions的数组。然后，在你的下拉多选框中，使用v-model指令将选中的选项绑定到这个数组上。例如： ```html <template> <div> <label for="options">请选择：</label> <select id="options" v-model="selectedOptions" multiple> <option v-for="option in options" :value="option">{{ option }}</option> </select> </div> </template> <script> export default { data() { return { options: ['选项1', '选项2', '选项3'], selectedOptions: ['选项1', '选项3'] // 假设这是要回显的数据 } } } </script> ``` 在上面的代码中，我们使用了v-model指令将选中的选项绑定到了selectedOptions数组中，并且在data选项中定义了一个默认值，假设这是要回显的数据。 这样，当用户进入页面时，可以看到默认选中的选项已经被回显出来了。你也可以通过其他方式，如AJAX请求，将需要回显的数据动态地设置到selectedOptions数组中，以达到动态回显数据的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值