动态添加的问题！请教各位高手

[yushilei]

------------------------------------
序号 颜色 规格
------------------------------------
01 黑色 100m 删除
02 白色 150m 删除
03 黄色 140m 删除
04 绿色 120m 删除
05 蓝色 170m 删除
------------------------------------
颜色：［内容输入框］

规格：［内容输入框］

【添加】 【清除】
------------------------------------
【提交表单】


++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
就类似上面这个样子的，

点击【添加】上面就会显示刚刚添加的内容，序号会自动按产生。

点击【提交表单】 才会全部提交到数据库。

要求是兼容 firefox，ie

[ttt2]

列表可以用session或COOkie来做

[william3033]

你还在问啊，哥们。
<table>
<tbody id="tb">
<tr>
<td>05</td><td>蓝色</td><td>170m</td><td><input type="button" value="删除" onclick="del(05)" /></td>
</tr>
</tbody>
</table>

function addLine(){
var tr = document.createElement("tr");
var td = document.createElement("td");
var id = document.getElementById("tb").rows.length;
if(id.length<2)
id = "0"+id;
td.innerText="id"; //产生序号
tr.appendChild(td);
td = document.createElement("td");
td.innerText = form.yanse.value;//填充颜色
tr.appendChild(td);
td = document.createElement("td");
td.innerText = form.guige.value;//填充规格
tr.appendChild(td);
td = document.createElement("td");
td.innerHTML = " <input type='button' value='删除' onclick='del("+id+")' />"; //填充删除按钮
tr.appendChild(td);
document.getElementById("tb").appendChild(tr); //添加行
form.yanse.value = "";//清空输入框
form.guige.value = "";
}

//删除一行内容
function del(id){
document.getElementById("tb").deleteRow(parseInt(id));
}

OK了不？

[tonymucor]

关注中，应该可以用javascript解决，但还不会，我也正需要，还没有解决。

[william3033]

另外，加上提交的功能
上面的内容不能提交（没有作为表单，只是在TD中存放了内容）
也很简单，就是
td = document.createElement("td");
td.innerHTML = "<input type='text' name='tijiaoyanse' value='"+form.yanse.value+"' />";//填充颜色
td = document.createElement("td");
td.innerHTML = "<input type='text' name='tijiaoguigee' value='"+form.guige.value+"' />";//填充颜色

在后台处理时就是处理多个同名表单的方法，获得TABLE里面的表单，不需要获得下面的输入表单。