如何从动态创建的表中删除信息
How to delete the information from dynamically created table
<table>
<form>
<tr><td colspan="4"><div id="myTableData" style="display:none;"><table><tr><td width="175">NAME</td><td width="245"> Gender</td><td width="245">Date of Birth</td></tr></table></div></td></tr>
<tr><td colspan="4"><input type="button" value="ADD KID " onClick="addrow()" />
<tr><td><input type="submit" name="reg" value="" class="submitbut" onclick="chkform()"/></td></tr>
</table>
</form>
<script>
function addrow() {
document.getElementById("myTableData").style.display="block";
var el = document.createElement('input');
el.type = 'text';
el.name = 'kname';
var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
var el_r = document.createElement('input');
el_r.type = 'radio';
el_r.name = 'gender';
el_r.value ='FEMALE';
el_r.id = "rad1";
el_r.defaultChecked = true;
var el_r2 = document.createElement('input');
el_r2.type = 'radio';
el_r2.name = 'gender';
el_r2.value ='MALE';
el_r2.id = "rad2";
var obj1 = document.createTextNode("Female");
var obj2 = document.createTextNode("Male");
var objLabel = document.createElement("label");
objLabel.htmlFor = el_r.id;
objLabel.appendChild(el_r);
objLabel.appendChild(obj1);
var objLabel2 = document.createElement("label");
objLabel2.htmlFor = el_r2.id;
objLabel2.appendChild(el_r2);
objLabel2.appendChild(obj2);
var el_s = document.createElement('select');
el_s.onchange = function(){
var r = el_s.options[el_s.selectedIndex].value;
}
for(var i=0;i<32;i++)
{
var j = i;
j = document.createElement('option');
j.text=i;
j.name="day";
j.value=j;
el_s.appendChild(j);
}
var month = new Array("January","Februray","March","April","May","June","July","August","September","October","November","December");
var el_sm = document.createElement('select');
for(var i=0;i<month.length;i++)
{
var j = i;
j = document.createElement('option');
j.text=month[i];
j.name="month";
j.value=month[i];
el_sm.appendChild(j);
}
var el_sy = document.createElement('select');
for(var i=2013;i>1950;i--)
{
var j = i;
j = document.createElement('option');
j.text=i;
j.name="year";
j.value=j;
el_sy.appendChild(j);
}
var table = document.getElementById("myTableData");
var tableBody = document.createElement('TBODY');
table.appendChild(tableBody);
var tr = document.createElement('TR');
tableBody.appendChild(tr);
var td = document.createElement('TD');
td.width='175';
td.appendChild(el);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(objLabel);
td.appendChild(objLabel2);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='245';
td.appendChild(el_s);
td.appendChild(el_sm);
td.appendChild(el_sy);
tr.appendChild(td);
var td = document.createElement('TD');
td.width='20';
td.appendChild(del);
tr.appendChild(td);
myTableData.appendChild(table);
}
</script>
</body>
</html>
有一个div 是隐藏的,但是当我单击添加孩子按钮时,div 会显示 4 列,分别名为名称性别和出生日期并删除。
我已经在按钮单击addkid上动态创建了一个表,现在我想删除包含信息的整行,如果单击名为(del)的删除按钮,这怎么可能。整个事情都是在提交时工作的形式。
$('#myTableData').find('tr').each(function(){
$(this).remove(); // remove element
})
使用纯JavaScript,您可以执行以下操作:
var table = document.getElementById('myTableData');
var trs = table.getElementsByTagName('tr');
var dad = trs[0].parentNode;
for(var i = 0; i < trs.length; i++){
dad.removeChild(trs[i]);
}
相关文章:
- 没有文件写入的 PHP 脚本正在删除文件信息
- 从mixpanel javascript跟踪调用中删除个人信息
- 单击时更改标记位置时,信息窗口不会删除
- 如何从动态创建的表中删除信息
- 谷歌地图v3从某些标记类型中删除信息窗口
- 如何从条形图中删除轴和其他信息
- 如何删除以前的信息气泡,如果我点击不同的标记在这里的地图
- 从H2提取特定信息,编辑并删除图像中的一些动态值
- 通过删除安全信息使Node server.js文件更安全
- 如果onclick按钮,在js中删除错误信息
- Jquery动画删除弹出错误信息-初学者
- 如何获得信息与分离删除
- 如何使用“俏皮的情态”删除确认信息
- 删除后提示信息不能正常工作
- 如何使用纯Javascript从JSON数据中删除对象重复项,并按JSON对象中的日期信息排序
- 如何从多个数组中删除文件详细信息
- 如何隐藏/删除错误信息后显示它给用户后几秒钟在javascript
- 2秒后删除信息消息
- 防止在Wicket中删除刷新时的反馈信息
- 如何通过单击 D3.js 中的 SVG 元素来添加和删除信息模板