Javascript 填充给定单元格数据的 HTML 表格答案

【问题标题】：Javascript populate HTML table given cell dataJavascript 填充给定单元格数据的 HTML 表格
【发布时间】：2011-03-08 11:19:51
【问题描述】：

我有一个 html 表格，其中包含可以在单击时编辑的单元格。我试图找出在编辑单元格之后更改单元格数据的最佳方法。

例如，假设表格由随机数字或字母填充。当我将一个单元格更改为“14”时，我希望它后面的单元格自动更改为 15、16、17、n+1..ect。或者，如果我输入“h”，以下单元格将变为 i,j,k,l...z，在 z 处停止。

第一个看起来很简单，因为我可以为每个单元格创建一个循环和i++。然而，字母一似乎并不那么简单。我是否需要创建一个字母数组并在其中找到已编辑的单元格字母，然后继续到数组的末尾，将每个字母插入后续单元格？

【问题讨论】：

你用什么来编辑单元格？我认为您应该考虑使用某种库，例如 jQuery 插件表（类似 excel 的 html 表格，完全可定制）visop-dev.com/Project+jQuery.sheet
我用它作为学习更多javascript的一种方式，所以我不想使用预制的解决方案。

【解决方案1】：

这实际上可以通过像这样一个相当简单的函数调用来完成：

function NextChar(c){
    return String.fromCharCode(c.charCodeAt(0) + 1);
}

其中 c 是输入到单元格中的字母字符，作为参数传递。

我可以看到这个问题是很久以前完成的，所以这个答案更适合后来寻求答案的人。

【讨论】：

【解决方案2】：

我会按照你说的用字符序列制作数组，并使用 jQuery.inArray() API 来检测编辑后的单元格内容所在的序列。

【讨论】：