日期:2014-05-16  浏览次数:20377 次

得分问题,可编辑表,点button给表加一行,并且如何把动态生成的table存入oracle数据库中
需求:
        在jap页面可以动态增加table,并且可以增加,删除,修改行的内容,而且可

以确定所增加行的类型,比如text、areatext。谢谢各位高手了,以前没接触,很

急用。最好能详细点,再次谢谢了


------解决方案--------------------
只是新增和删除好做些,比如这个,再把 <input> 设置个name,name设置成一样的,后台接收这个数组,然后存oracle,加修改的话就比较麻烦了,就要判断要加的类型,使用dom操作td,再使用innerHTML设置里面的内容,并且在设置name的时候要有一定规律,这样在后台才好接收

<table id= "table1 " border= "1 ">
<tr style= "display:none "> <td> <input> </td> <td> <input type= "button " value= "删除 " onclick= "this.parentNode.parentNode.removeNode(true) ">
</tr>
<tr> <td> <input> </td> <td> <input type= "button " value= "删除 " onclick= "this.parentNode.parentNode.removeNode(true) ">
</tr>
<tr> <td> <input> </td> <td> <input type= "button " value= "删除 " onclick= "this.parentNode.parentNode.removeNode(true) ">
</tr>
</table>
<input name= "aaa " type= "button " value= "新增 " onclick=addRow()>
<script language=javascript>
function addRow(){
var objTbody=document.getElementById( "table1 ").childNodes[0]
var objNewTr=objTbody.childNodes[0].cloneNode(true)
objNewTr.style.display= " "
objTbody.appendChild(objNewTr)
}
</script>
------解决方案--------------------
哦,原来是这样呀
<table id= "table1 ">
... ...
</table>
<form name= "form1 ">
<input name= "aaa " type= "hidden ">
<input name= "button1 " type= "button " value= "按 " onclick=save()>
</form>
<script language=javascript>
function show()
{
document.getElementById( "aaa ").value=document.getElementById( "table1 ").outerHTML//后台取aaa的值存数据库
form1.submit()
}
</script>