jquery关于动态添加行的问题!请教高手!

wolf1947 2012-02-22 06:55:32

可以添加行,和删除行!并且行里的控件ID值,也不同!我能通过表单提交的方式把值,传入后台!
请教高手!
...全文
139 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
wolf1947 2012-02-23
  • 打赏
  • 举报
回复
楼上的,我加的时候还是看不到控件属性ID啊~还有,加了后,怎么去减掉,取消!求教高手
blizzf99 2012-02-23
  • 打赏
  • 举报
回复
<?php header('Content-Type: text/html; charset=utf-8');?>
<script language="javascript" >
function rowsAdd()
{
var TableID = document.getElementById("TableID");

var newTr = TableID.insertRow(-1);
//设置行的样式
newTr.align='center';

//添加7列
var newTd0 = newTr.insertCell(-1);
var newTd1 = newTr.insertCell(-1);
var newTd2 = newTr.insertCell(-1);
var newTd3 = newTr.insertCell(-1);
var newTd4 = newTr.insertCell(-1);
var newTd5 = newTr.insertCell(-1);
var newTd6 = newTr.insertCell(-1);

//设置列内容和属性
var createinput1=document.createElement("input");
var createinput2=document.createElement("select");
var createinput3=document.createElement("input");
var createinput4=document.createElement("input");
var createinput5=document.createElement("input");
var createinput6=document.createElement("input");

createinput1.type='text';
createinput1.id='';
createinput1.name='';

newTd0.innerHTML = "ID";
newTd1.appendChild(createinput1);
newTd2.appendChild(createinput2);
newTd3.appendChild(createinput3);
newTd4.appendChild(createinput4);
newTd5.appendChild(createinput5);
newTd6.appendChild(createinput6);

createinput2.options.add(new Option("男","0"));
createinput2.options.add(new Option("女","1"));
}
</script>

<input type="button" onclick="rowsAdd();" value="添加"/>

<table cellpadding="5" width="90%" align="center" border="1" id="TableID">
<tr align="center">
<td>ID</td>
<td ><input type='text' name='' id=''></td>
<td><select name='' id=''><option>男</option></select></td>
<td><input type='text' name='' id=''></td>
<td><input type='text' name='' id=''></td>
<td><input type='text' name='' id=''></td>
<td><input type='text' name='' id=''></td>
</tr>
</table>

=================================
javascritp的,jquery你自己转换下吧。
jusfr 2012-02-23
  • 打赏
  • 举报
回复
表格HTML编码贴出来
wolf1947 2012-02-23
  • 打赏
  • 举报
回复
还是不太明白啊~怎么取啊?
ziyouren521125 2012-02-23
  • 打赏
  • 举报
回复
简单例子

<div id="div1"></div>
<a href="javascript:void(0)" onClick="append()">添加</a>



var i = 0;
function append(){
$("#div1").append("<li id='li" + i + "'><input type='text' id='name" +i
+ "' /><a href='javascript:void(0)' onClick=\"remove('#li" + i + "')\">删除</a></li>");
i++;
}

function remove(id){
$(id).remove();
}
linbooooo1987 2012-02-23
  • 打赏
  • 举报
回复
设置一个删除的按钮不就行了?
blizzf99 2012-02-23
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 wolf1947 的回复:]
楼上的,我加的时候还是看不到控件属性ID啊~还有,加了后,怎么去减掉,取消!求教高手
[/Quote]
我只是给你个思路,具体代码还是要你自己写。
jusfr 2012-02-22
  • 打赏
  • 举报
回复
html局部代码没有贴出来,大致过程如下:
点击事件绑定方法,方法内对拼一个<tr>标签出来,需要生成的控件像<input>等的id,由原本最后的一行内取,然后<tr>添加到<table>
Acesidonu 2012-02-22
  • 打赏
  • 举报
回复
记录id编号就是jquery动态添加dom元素了

87,923

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧