jQuery MiniUI

标题: miniui是否可以实现动态增减表单项 [打印本页]

作者: wsxe99988 时间: 2019-6-10 15:20:47 标题: miniui是否可以实现动态增减表单项

类似于这种效果

作者: dforce 时间: 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));

}

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)