解决使用获得对选择追加元素无效或者未及时更新的问题

一、问题

本人在使用获得使用了挑选按钮，点击是射流研究…脚本会异步请求后台接口获取数据数据，然后获得将数据数据渲染到挑选上，然而获取接口数据没有问题，就是无法更新。

本人使用代码如下：

H2 20号发射台发布帖子/H2 div class=' layui-form layui-form-pane '窗体方法=' post ' div class=' layui-form-item '标签为=' L _ title ' class=' layui-form-label '标题/label div class=' layui-input-block ' input type=' text ' id=' L _ title ' name=' title ' required lay-verify=' required ' autocomplete=' off ' class=' layui-input '/div/div class=' layui-form-item layui-form-text ' div class=' layui-input-block '文本区域id=' L _ content ' name=' content ' placeholder='请输入内容class=' layui-textarea fly-editor ' style=' height : 260 px； /textarea /div标签为=' L _ content ' class=' layui-form-label ' style=' top :-2px；'描述/label/div class=' layui-form-item ' div class=' layui-inline ' label class=' layui-form-label '标签选择框/label div class=' layui-input-block ' div class=' layui-input-inline ' onclick=' script id=' labels ' type=' text/html ' { # layui。每个(数据、函数(索引、项目){ }}选项值=' { { item。id } } ' { { item。name } }/option { { # })；} }/脚本选择名称=' modules ' lay-search=' id=' label _ select ' name=' labelId '/select/div/div/class=' layui-form-item ' button class=' layui-BTN ' lay-filter=' * ' lay-submit立即发布/button /div /form /div /div/divjs脚本如下（该代码是修改后的，添加了修改后的关键代码，下面有提示):

script layui.use(['form '，' laytpl '，' lay dit ']，function () { var form=layui.form，lay dit=layui。lay dit，layer=layui.layer，lay TPL=layui。铺设第三方物流；//添加选项$。get(quark_label_getall_api，function (data) { data=$ .parseJSON(数据);if(数据。status==200){ var TPL=$(' # labels ').html()；第三方物流渲染(数据，函数(html) { $('#label_select ').追加(html)；var form=layui。表单表单。render()；});} else { layer.msg(data.error，{ icon : 5 })；} });分层。set({ uploadimage : { URL : quark _ upload _ API，type: 'post' //默认post } })；var content=layedit。构建(' L _ content ')；//建立编辑器form.on('submit(*))，function(data){ var layeditval=layedit。getcontent(内容)；if(layeditval==' ' | | layeditval==undefined | | layeditval==null){ layer。“msg(”输入的内容不能为空，{ icon : 7 })；返回false} $。post(quark _ post _ add _ API，{ title: data.field.title，content: layedit.getContent(内容)，labelId: data.field.labelId，token: getCookie() }，function(数据){//数据=$ .parseJSON(数据);if (data.status==200) { layer.msg('发布成功，icon: 1，time: 1000 //1秒关闭}，function(){ location。href='/page/index '；});} else if(数据。status==400){ layer。msg(数据。错误，{ icon : 7 })；} else { layer.msg(data.error，{ icon : 5 })；} }，' JSON ')；返回false })；});//封装查询参数函数getDATa(data){ var param={ }；帕拉姆。标题=数据。标题；帕拉姆。labelid=数据。labelid帕拉姆。token=GetCookie()；返回参数；}/脚本二、解决办法：

获得会对选择、复选框、单选等原始元素隐藏，从而进行美化修饰处理。但这需要依赖于形式组件，所以必须加载形式，并且执行一个实例。导航的盘旋效果、选项卡选项卡等同理（它们需依赖元素模块)

所以当新添加这些元素时需要对页面表单元素重新渲染一下，需要模仿下面添加关键代码

layui.use('form '，function(){ var form=layui。形式；//只有执行了这一步，部分表单元素才会自动修饰成功//…… //但是，如果你的超文本标记语言是动态生成的，自动渲染就会失效//因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有元素。init()；形式。render()；});最后射流研究…异步获取的数据可以在挑选上及时显示了

效果图：

以上这篇解决使用获得对选择追加元素无效或者未及时更新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。