layui 获取动态表格是否为空_layui动态添加删除表格，并获取表格中的值

layui动态添加删除表格，并获取表格中的值

发布时间：2020-07-19 01:16:31

来源：51CTO

阅读：7399

作者：IT阿飞

layui动态添加删除表格，并获取表格中的值

标题

选项

直接选择或搜索选择

{foreach from=$info item=vo}

{$vo.title}

{/foreach}

输入框

添加到表格

名称1名称2名称3操作

提交

var form = layui.form,layer = layui.layer;

var $ = layui.$;

var element = layui.element;

function add() {

var trObj = document.createElement("tr");

trObj.id = new Date().getTime();

trObj.innerHTML = "

"+id+""+title+""+num+" 删除";

document.getElementById("tb").appendChild(trObj);

}

function del(obj) {

var trId = obj.parentNode.parentNode.id;

var trObj = document.getElementById(trId);

document.getElementById("tb").removeChild(trObj);

}

//监听提交

form.on('submit(demo2)', function(data){

// layer.alert(JSON.stringify(data.field), {

// title: '最终的提交信息'

// })

var title=$("#title").val();

if(title==''){

layer.msg("标题不能为空！");

return false;

}

$.post("test.php",data.field,function(backdata){

layer.alert(backdata);

});

return false;

});