javascript添加删除行示例
来源:互联网 发布:淘宝爆款图片大全 编辑:程序博客网 时间:2024/05/16 14:04
<html>
<head>
<script language="javascript" id="clientEventHandlersJS0">
<!--
var tLinkmanNowRowIndex
var var_rowIndex
iNowRowIndex=-1
tLinkmanNowRowIndex=-1
var_rowIndex=0
function btnAddLinkman_onclick() {
var newRow = tLinkman.insertRow();
// newRow.bgColor='#efefef';
var newCell0 = newRow.insertCell();
newCell0.className='table_body';
newCell0.width = '40';
newCell0.align = 'center';
var iRowLength = tLinkman.rows.length;
newCell0.innerText = iRowLength - 1 ;
var newCell1 = newRow.insertCell();
newCell1.className='table_body';
// newCell1.width = '16%';
newCell1.innerHTML = "<input type=text class=textfield id=linkmanName" + (iRowLength-1) + " maxlength=5 size =20 title='最大5个中文字符'>";
var newCell2 = newRow.insertCell();
newCell2.className='table_body';
newCell2.width = '16%';
newCell2.innerHTML = "<input type=text class=textfield id=linkmanPhone" + (iRowLength-1) + " maxlength=13 size =30 title='格式:xxx-xxxxxxxx 或 xxxx-xxxxxxx'>";
}
function btnDelRow_onclick(tablename) {
var itemp
itemp =-1
if ((eval(tablename + "NowRowIndex") + 1)>1)
{
itemp = eval(tablename+"NowRowIndex")
}
else
{
itemp = eval(tablename).rows.length -1
}
if (itemp >0)
{
if (confirm("确定要" + event.srcElement.value + " " + itemp +" 吗?"))
{
eval(tablename).deleteRow(itemp)
for (i=1;i<eval(tablename).rows.length;i++)
eval(tablename).rows[i].cells[0].innerText = i
}
}
// if (tableName=="tLinkman")
tLinkmanNowRowIndex = -1
}
function getRow(e)
{
event.cancellBulle=true
var itemp;
var tableName
var iNowRowIndex
itemp=-1
tableName=""
iNowRowIndex = -1
if (event.srcElement.tagName.toLowerCase() == "td")
{
iNowRowIndex = event.srcElement.parentElement.rowIndex ;
tableName = event.srcElement.parentElement.parentElement.parentElement.id.toString()
}
if (event.srcElement.tagName.toLowerCase() == "input")
{
iNowRowIndex = event.srcElement.parentElement.parentElement.rowIndex;
tableName = event.srcElement.parentElement.parentElement.parentElement.parentElement.id.toString()
// alert(tableName)
}
itemp = eval(tableName + "NowRowIndex")
if (itemp > 0)
{
eval(tableName).rows[itemp].bgColor = '#ffffff';
eval(tableName).rows[itemp].cells[0].innerText = itemp
}
if(iNowRowIndex > -1)
{
if(iNowRowIndex > 0)
{
eval(tableName).rows[iNowRowIndex].cells[0].innerHTML = '<font color=blue>►</font>'
eval(tableName).rows[iNowRowIndex].bgColor = '#efefef'
}
if (tableName=="tLinkman")
tLinkmanNowRowIndex = iNowRowIndex
}
}
//-->
</script>
</head>
<body>
<input language="javascript" id="btnAddLinkman" onclick="btnAddLinkman_onclick()"
type="button" value="增加联系人" name="btnAddLinkman">
<input language="javascript" id="btnDelLinkman" onclick="btnDelRow_onclick('tLinkman')"
type="button" value="删除联系人">
<table class="table_all" id="tLinkman" cellspacing="0" cellpadding="0" width="100%"
align="left" border="1">
<tr>
<td class="table_second_title" align="left" width="45">
行号</td>
<td class="table_second_title" align="left" width="80">
姓名</td>
<td class="table_second_title" align="left" width="80">
联系电话</td>
</tr>
</table>
</body>
</html>
<script language="javascript" id="clientEventHandlersJS">
<!--
tLinkman.onclick = getRow;
//-->
</script>
- javascript添加删除行示例
- javascript添加删除行
- javascript添加删除表行
- javascript 自动添加删除行
- 用Javascript实现添加删除表格行
- JavaScript 动态添加删除表格行
- javascript动态给Table添加删除行
- Javascript 动态添加删除表格行
- JavaScript动态添加和删除行
- 用javascript删除当前行,添加行
- JavaScript实现动态添加,删除行
- JavaScript动态添加/删除表格行
- javascript表格动态添加删除行/列
- javascript删除,添加元素
- javaScript - 删除添加元素
- javascript里面的数组,json对象,动态添加,修改,删除示例
- javascript里面的数组,json对象,动态添加,修改,删除示例
- JavaScript DOM节点添加示例
- 枚举
- 40种网站设计常用技巧
- 好学与学好
- 程序人生成长发展中的一些感悟
- gif图片合成与拆分-jpg图片生成
- javascript添加删除行示例
- 配置Eclpise+tomcat与实现JSP部署
- 数值分析的一些常用指令
- 模式匹配的KMP算法详解
- 网站数据库注册
- 密码程序
- 查找匹配度最高的字符串
- 修改MYSQL数据库,数据表,字段的编码(解决JSP乱码)
- vss使用