function addHtml( )
{
var tab=document.getElementById("viewTabs")//获得表格
var colsNum=tab.rows.item(0).cells.length //表格的列数
var num=document.getElementById("viewTabs").rows.length//表格当前的行数
var rownum=num-1
tab.insertRow(rownum)
for(var i=0i<colsNum-1i++)
{
tab.rows[rownum].insertCell(i)//插入列
tab.rows[rownum].cells[i].innerHTML="dfd"
}
tab.rows[rownum].insertCell(i)
tab.rows[rownum].cells[i].innerHTML="ddddkk"
}
<html><head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function add(){
var option = null
var temp= document.getElementById("select")
option = document.createElement("option")
option.appendChild(document.createTextNode(document.getElementById("textfield").value))
option.vaule = document.getElementById("textfield").value
temp.appendChild(option)
}
</script>
</head>
<body>
<label>
<input type="text" name="textfield" id="textfield" />
</label>
<label>
<input type="submit" name="button" id="button" value="添加" onclick="add()"/>
</label>
<label>
<select name="select" id="select">
<option value="111">111</option>
<option value="222">222</option>
</select>
</label>
</body>
</html>
<html><head>
<title></title>
<style type="text/css">
table {
width: 100%
align: center
border: solid 1px black
}
table td {
width: 20%
text-align: center
border: solid 1px black
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$("table tr:last-child").after
("<tr><td> </td><td> </td><td> </td><td> </td><td> </td></tr>")
})
$("#cut").click(function(){
var value=$("table tr").length
if(value!=2){
$("table tr:last-child").remove()
}
})
})
</script>
</head>
<body>
<table id="table">
<tr>
<td colspan="5">供应商信息</td>
</tr>
<tr>
<td>序号</td>
<td>供应商</td>
<td>地址</td>
<td>联系人</td>
<td>联系电话</td>
</tr>
</table>
<input id="add" type="button" value="增加">
<input id="cut" type="button" value="减少">
</body>
</html>
注：jquery.js自已可以在网上下载，它们放在同一个目录下的。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）