修改后还要再提交的吗?
试试这样
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>让表格可编辑</title>
<style>
td{ font-family: Courier New; font-size: 12px; text-align: center ;height:30;word-break:break-all;background-color:#d3e8ff}
textarea.content{ font-family: Courier New; font-size: 12px;height:expression(this.scrollHeight);overflow:hidden;border:1 solid #3366cc;width:98%;}
</style>
</head>
<body>
<script>
function dataEdit(tableObj){
var e=event.srcElement
if(e.tagName!="TD")return;
e.innerHTML="<textarea row=1 class='content' onblur='setV(this)' id='i'>"+e.innerText+"</textarea>"
i.focus();
}
function setV(o){
o.parentElement.innerText=o.value
}
</script>
<div align="center">
<center>
<table id="data" onclick="dataEdit(this)" border="1" width="500" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr>
<td width="33%">The</td>
<td width="33%">Table</td>
<td width="34%">Can</td>
</tr>
<tr>
<td width="33%">Be</td>
<td width="33%">Edit</td>
<td width="34%">Try</td>
</tr>
<tr>
<td width="33%">It</td>
<td width="33%">Please</td>
<td width="34%">...</td>
</tr>
</table>
</center>
</div>
</body>
</html>
需要再提交的话,需要一hidden域对每列值都再次存入
试试这样
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>让表格可编辑</title>
<style>
td{ font-family: Courier New; font-size: 12px; text-align: center ;height:30;word-break:break-all;background-color:#d3e8ff}
textarea.content{ font-family: Courier New; font-size: 12px;height:expression(this.scrollHeight);overflow:hidden;border:1 solid #3366cc;width:98%;}
</style>
</head>
<body>
<script>
function dataEdit(tableObj){
var e=event.srcElement
if(e.tagName!="TD")return;
e.innerHTML="<textarea row=1 class='content' onblur='setV(this)' id='i'>"+e.innerText+"</textarea>"
i.focus();
}
function setV(o){
o.parentElement.innerText=o.value
}
</script>
<div align="center">
<center>
<table id="data" onclick="dataEdit(this)" border="1" width="500" bordercolor="#000000" cellspacing="0" cellpadding="0" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr>
<td width="33%">The</td>
<td width="33%">Table</td>
<td width="34%">Can</td>
</tr>
<tr>
<td width="33%">Be</td>
<td width="33%">Edit</td>
<td width="34%">Try</td>
</tr>
<tr>
<td width="33%">It</td>
<td width="33%">Please</td>
<td width="34%">...</td>
</tr>
</table>
</center>
</div>
</body>
</html>
需要再提交的话,需要一hidden域对每列值都再次存入
解决方案 »
- 麻烦各位帮我看一下-jquery 图片切换轮播上的错误
- 有没有办法通过下标去取json对象里面的值
- 请教:HTML5的draggable相关
- JS,小错误,卡住了~,帮忙看看~~
- 万能JQuery弹出层类库的bug修正,提供新的demo
- 如何用javascript实现用户在注册的时候不允许填汉字
- 请教大家,如何用asp的代码或javascript的代码,获得本机的IP?
- html文档中多个script标签之间的联系
- 给这段代码捉虫,一个虫虫给一百分哦
- 在手机自带的浏览器中 js 如何可以跳转页面【求大神赐教】
- 怎么写?当用户选择该“单选框”时,后面的文本框才是“visalbe"状态,否则文本框是”disabled"
- "不能执行已释放 script 的代码 " ,这是什么错阿?
如果在当面页做不了,你可以转到下面页
不太熟。