如何用js实现点击按钮使table某一单元格变为可编辑状态
3个回答
展开全部
具体步骤
1.复制原来那个单元格里面的内容到一个变量
2.将那个单元格的内容替换为一个输入框(input)
3.将那个变量的内容赋值给输入框
反向操作:
1.取得输入框里的内容并赋值给一个变量
2.将单元格清空,并将那个变量的值填写到单元格里
1.复制原来那个单元格里面的内容到一个变量
2.将那个单元格的内容替换为一个输入框(input)
3.将那个变量的内容赋值给输入框
反向操作:
1.取得输入框里的内容并赋值给一个变量
2.将单元格清空,并将那个变量的值填写到单元格里
追问
这个点击单元格变为可编辑我会了,但是现在是想说,如果有一个修改按钮存在,我在点击这个按钮后,想让table里面的某一个单元格变为可编辑怎么实现呢
追答
原理都是一样的,最多在触发的时候附加上对应单元格的相关参数就可以了
比方说你想改变4行2列的单元个,那么可能参数就是4_2,或者就是2个参数4和2,然后根据你的参数再去找到那个单元格
这个可以根据你自己的喜好来做了
参考资料: http://www.52ladybug.com/
展开全部
用js给单元格添加<input type="text" />就可以了,如果效果好看些,那就给input加CSS样式去掉边框就行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
获取TABLE中的值可以用下面的代码完成.
<html>
<head>
<script language="javascript">
function doclick()
{
var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
alert("行号:" + (td.parentElement.rowIndex + 1) + ",内容:" + td.innerText);
}
</script>
</head>
<body>
<table onclick="doclick()">
<tr>
<td>
9:00
</td>
<td>
10:00
</td>
</tr>
<tr>
<td>
11:00
</td>
<td>
12:00
</td>
</tr>
</table>
</body>
</html>
但是你所说的拖动到datagrid 中 形成时间带显示.
这个我看不太懂, 能举例说明 ?
<html>
<head>
<script language="javascript">
function doclick()
{
var td = event.srcElement; // 通过event.srcElement 获取激活事件的对象 td
alert("行号:" + (td.parentElement.rowIndex + 1) + ",内容:" + td.innerText);
}
</script>
</head>
<body>
<table onclick="doclick()">
<tr>
<td>
9:00
</td>
<td>
10:00
</td>
</tr>
<tr>
<td>
11:00
</td>
<td>
12:00
</td>
</tr>
</table>
</body>
</html>
但是你所说的拖动到datagrid 中 形成时间带显示.
这个我看不太懂, 能举例说明 ?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询