点击按钮为table添加一行属性

点击按钮为table添加一行属性,第1张

back.onclick=function(){

newrow=table.insertRow()

new.innerHTML="<td colspan='9'><textarea id='ta' cols=30 rows=30>碧亩</textarea></td>//这个可以自己改下COLSPAN,有几个单元悔余森格就合并几个!

就是这么简单!毁察

}

不知道你是用什么语言写的,这里说下思路

思路一:

1.保存按钮设置成button,添加一个 Onclick ="addInfo()"祥丛亏

2.addInfo(),是个JS方法,在这个方法里取得你刚输入需要保存的参数,用ajax+jquery传到后台,进行数据库添加,读取,然后再返回。

3.addInfo获取返回数据后,更新表格所在的DIV标签。这是局部刷新。

思谨神路二:

1.也是能过js方法,将参数传到后台

2.页面不需要后台再返回郑简数据,用js方法,根据输入的参数,拼一条内容加在表格里。

如果是类似vue、react这样的框架中这种 *** 作扮薯迟相对厅李来说简单很多,如果不使用框架,单纯的通过js实现就手脊比较麻烦一点,代码我就不写了,比较麻烦,说一下思路吧。

首先创建一个trNode,

let trNode = createElement("tr")

然后文本框里面的值你是能拿到的,拿到文本框的值以后将他拼一下,然后放到tr中

trNode.innerHTML = "<td>商品名</td><td>单价</td>..."

这样的形式,最后通过appendChild方法将这个trNode插入到table / tbody中


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11975393.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存