以下代码是双击后可以编辑单元格的代码,失去焦点后保存值,但是保存到数据库的怎么写呢? 50
如何将页面双击后单元格的值保存到数据库?现在双击一个单元格可以编辑,但是要怎么保存到数据库呢?请问有这样的代码吗?以下代码是双击后可以编辑单元格的代码,失去焦点后保存值,...
如何将页面双击后单元格的值保存到数据库?现在双击一个单元格可以编辑,但是要怎么保存到数据库呢?请问有这样的代码吗?
以下代码是双击后可以编辑单元格的代码,失去焦点后保存值,但是保存到数据库的怎么写呢?
<html>
<head>
<title></title>
<meta http-equiv="http-content" content="text/html;charset=gb2312"/>
<script>
window.onload=function()
{
var Tb= document.getElementById("Tb");
Tb.ondblclick=Handler;
}
function Handler(e)
{
e=e||event;
var tag=e.srcElement||e.target;
if(tag.tagName=="TABLE"||tag.tagName=="TR")
return;
if(tag.tagName!="TD")
tag=tag.parentNode;
tag.getElementsByTagName("span")[0].style.display="none";
var inp=tag.getElementsByTagName("input")[0];
inp.onblur=function()
{
this.style.display="none";
var sp=this.parentNode.getElementsByTagName("span")[0];
sp.innerHTML=this.value;
sp.style.display="";
}
inp.style.display="";
inp.focus();
}
</script>
</head>
<body>
<table width='300px' border='1' cellpadding='0' cellspacing='2' id="Tb">
<tr><td width='33%'><span>行1列1</span><input type="text" value="行1列1" style="display:none"/></td>
<td width='33%'><span>行1列2</span><input type="text" value="行1列2" style="display:none"/></td>
<td width='34%'><span>行1列3</span><input type="text" value="行1列3" style="display:none"/></td></tr>
<tr><td width='33%'><span>行2列1</span><input type="text" value="行2列1" style="display:none"/></td>
<td width='33%'><span>行2列2</span><input type="text" value="行2列2" style="display:none"/></td>
<td width='34%'><span>行2列3</span><input type="text" value="行2列3" style="display:none"/></td></tr>
<tr><td width='33%'><span>行3列1</span><input type="text" value="行3列1" style="display:none"/></td>
<td width='33%'><span>行3列2</span><input type="text" value="行3列2" style="display:none"/></td>
<td width='34%'><span>行3列3</span><input type="text" value="行3列3" style="display:none" /></td></tr>
</table>
</body>
</html> 展开
以下代码是双击后可以编辑单元格的代码,失去焦点后保存值,但是保存到数据库的怎么写呢?
<html>
<head>
<title></title>
<meta http-equiv="http-content" content="text/html;charset=gb2312"/>
<script>
window.onload=function()
{
var Tb= document.getElementById("Tb");
Tb.ondblclick=Handler;
}
function Handler(e)
{
e=e||event;
var tag=e.srcElement||e.target;
if(tag.tagName=="TABLE"||tag.tagName=="TR")
return;
if(tag.tagName!="TD")
tag=tag.parentNode;
tag.getElementsByTagName("span")[0].style.display="none";
var inp=tag.getElementsByTagName("input")[0];
inp.onblur=function()
{
this.style.display="none";
var sp=this.parentNode.getElementsByTagName("span")[0];
sp.innerHTML=this.value;
sp.style.display="";
}
inp.style.display="";
inp.focus();
}
</script>
</head>
<body>
<table width='300px' border='1' cellpadding='0' cellspacing='2' id="Tb">
<tr><td width='33%'><span>行1列1</span><input type="text" value="行1列1" style="display:none"/></td>
<td width='33%'><span>行1列2</span><input type="text" value="行1列2" style="display:none"/></td>
<td width='34%'><span>行1列3</span><input type="text" value="行1列3" style="display:none"/></td></tr>
<tr><td width='33%'><span>行2列1</span><input type="text" value="行2列1" style="display:none"/></td>
<td width='33%'><span>行2列2</span><input type="text" value="行2列2" style="display:none"/></td>
<td width='34%'><span>行2列3</span><input type="text" value="行2列3" style="display:none"/></td></tr>
<tr><td width='33%'><span>行3列1</span><input type="text" value="行3列1" style="display:none"/></td>
<td width='33%'><span>行3列2</span><input type="text" value="行3列2" style="display:none"/></td>
<td width='34%'><span>行3列3</span><input type="text" value="行3列3" style="display:none" /></td></tr>
</table>
</body>
</html> 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询