我需要一个Javascript中的下拉文本框（jQuery？）

Question

我必须创建一个包含大量数据表的页面，并且必须是可编辑的。 问题是，一些字段应该很长（数百个字符），我需要某种方式来输入这个文本而不会破坏表的布局，但是在用户输入时向用户显示整个文本。

一个好的解决方案就是看起来就像一个香草的1行文本框，当它被点击时滑出，就像<select>一样，让用户输入他想要的所有文本，并且然后在用户点击时缩小回文本框大小。

我确信jQuery必须有类似的东西，但我找不到它。

以下是它的行动方式：

Answer 1

我认为NicEditor符合需要。查看其内联编辑demo。

Answer 2

这是我想出来的一些javascript

http://jsfiddle.net/bsWy6/

你可以搞乱造型，直到它完全符合你的要求。我认为它与你正在寻找的东西非常接近。

我假设您正在从数据库中填充表格？如果这是真的，我会使用php来生成id，这样你就不必为每一行键入它们，因为你的函数需要知道它正在使用的确切单元格。如果您也需要有关该代码的帮助，请告诉我，我会在此处发布。我只是不确定你是否已经用PHP做过任何事情，所以如果你不想要它，我不想进入所有这些。

祝你好运！

Answer 3

对于每个单元格，请创建两个字段：

<td id="td-1-2">
    <p id="p-1-2">Some text to...</p>
    <textarea id="ta-1-2">Some text to...</textarea>
</td>

然后隐藏<textarea>并显示<p>。当用户点击<p>后，隐藏<p>并显示<textarea>。在textarea下面放置一个提交按钮，或者当它失去焦点时保存其内容。