如何添加一个表格,并在表格里单元格里插入文本框。
也就是说 excel中有 2行3列
如:
A B C
D E F
如何用js把这个显示在网页中表格(表格也2行3列),样式和这个一样,并且显示的时候的值都用文本框显示。代码该怎么写?高手指教下。。非常感谢。。。
------解决方案--------------------
- JScript code
fuction Insert()
{
var div="";
counts=2(excel的行数);
(取出excel中的值,按顺序放到textbox中去就好了)
var div+="<table>"
for(var i=0;i<counts;i++)
{
div+="<tr> <td><input type='text' value=''></td> "+
"<td><input type='text'value=''>"+
"</td><td><input type='text' value=''></td> </tr>"
}
div+="</table>";(table中样式按正常的方法放入即可)
document.getElemengById("div").innerHTML=div;
}
Insert();
------解决方案--------------------
- C# code
<head>
<script type="text/javascript" src="/Scripts/jquery-1.4.4.min.js"></script>
</head>
<body>
<table id="table">
<tr>
<td>aa</td>
<td>bb</td>
<td>cc</td>
</tr>
<tr>
<td>dd</td>
<td>ee</td>
<td>ff</td>
</tr>
</table>
<a onclick="javascript:insert();">强力插入</a>
<textarea id="textarea" rows="" cols="" style="height:100px;width:300px;"></textarea>
<script>
function insert() {
var val = "";
$("#table tr").each(function () {
$(this).find("td").each(function () {
val += $(this).html()+" ";
});
val += "\r\n";
});
$("#textarea").val(val);
}
</script>
</body>