jQuery MiniUI

 找回密码
 立即注册
查看: 2326|回复: 1
打印 上一主题 下一主题

miniui是否可以实现动态增减表单项 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2019-6-10 15:20:47 |只看该作者 |倒序浏览

类似于这种效果

Rank: 8Rank: 8

沙发
发表于 2019-6-10 17:35:06 |只看该作者
可以看这个例子

<div id="parent"></div>
    <a class="mini-button">创建文本框</a>


var id = 1;
    function createTextbox() {
        var text = new mini.TextBox();
        var button = new mini.Button();
        button.on("click", destroy);
        button.setText("销毁");

        var parent = document.getElementById("parent");
        var div = document.createElement("div");
        div.setAttribute("id", id);
        div.innerHTML = "动态创建文本框";

        parent.appendChild(div);
        text.render(div);
        button.render(div);
        id = id + 1;
    }
    function destroy(e) {
        var a = this.el.parentElement;
        var id = a.id;
        document.getElementById("parent").removeChild(document.getElementById(id));

    }

Archiver|普加软件

GMT+8, 2024-11-28 02:34 , Processed in 1.052407 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部