通过 append 动态添加的 select 该如何生效 ?

提问 已结 4 459
叶憬鸿
叶憬鸿 2020-5-21
悬赏:20飞吻
版本:layui 浏览器:
请问各位大佬, 通过 append 动态添加的 select 该如何生效,我搞了一天了,实在没辙了,社区里说 form.render(); form.render('select'); 但是我用了也没效果啊。。。
能否麻烦大佬,帮我改个完整的代码吧,小弟新手 。一句 form.render('select'); 真的搞不定。


HTML

<form class="layui-form" action="">
<div class="text">
<div class="item">
<span class="text">
文字
</span>
<span class="del">
删除
</span>
<div class="layui-form-item">
<label class="layui-form-label">单行选择框</label>
<div class="layui-input-block">
<select name="interest" lay-filter="aihao">
<option value=""></option>
<option value="0">写作</option>
<option value="1" selected="">阅读</option>
<option value="2">游戏</option>
<option value="3">音乐</option>
<option value="4">旅行</option>
</select>
</div>
</div>
</div>
</div>

<div class="text-list">

</div>
</form>

<button type="button" class="layui-btn layui-btn-primary">原始按钮</button>
JS

<script src="layui/layui.js" charset="utf-8"></script>
<script type="text/javascript">

// 复制
var htm = $(".text").html();
$("button").click(function() {
$(".text-list").append(htm);
});

// 删除
$('.text-list').delegate(".del", "click", function () {
$(this).parent(".item").remove();
});

</script>


<script>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;

});
</script>
回帖
  •            $("#typeOption").empty();    //先清空一下  防止重复添加
    for (let key in typeOption) {
    $('#typeOption').append(new Option(typeOption[key],key))
    }
    form.render('select');
    1 回复
  • 叶憬鸿
    2020-5-21
    @Angel丨灬泪雨 大哥真是厉害!
    0 回复