js动态添加行

pciak

于 2008-03-21 12:28:00 发布

阅读量765

点赞数

文章标签： input function table html button ie

<html>

<head></head>

<body>

<form>

<table width='200px' align="center">

<thead>

<tr><td width='50%'>货号</td><td width='50%'>数量</td></tr>

</thead>

<tbody id='tbody'>

<tr><td><input type="text" /></td><td><input type="text" onkeydown="IsEnter(event)"/></td></tr>

</tbody>

<tfoot>

<tr><td colspan='2' align="center"><input type="button" onclick="return check(this.form)" value="提交" /></td></tr>

</tfoot>

</table>

<script type="text/javascript">

function IsEnter(e)

{

e=e||event;

if(e.keyCode==13)

{

NewRow();

//阻止提交的执行

if(e.preventDefault)//ff

e.prevetnDefault();

else//ie

{

e.keyCode=0;

e.returnValue=false;

}

}

}

function NewRow()

{

var td=document.getElementById('tbody');

td.appendChild(td.rows[0].cloneNode(true));

var inputs=td.rows[td.rows.length-1].getElementsByTagName("input");

for(var i=0;i<inputs.length;i++)

{

inputs[i].value='';

}

inputs[0].focus();

}

function check(f)

{

if(confirm('确认提交？'))

f.sumit();

}

</script>

</form>

</body>

</html>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。