如何在单击按钮时显示隐藏文本

Question

我对Web技术很陌生，需要帮助完成我的最新任务。 我想要的基本上是＆gt;＆gt;一个文本框，只显示500个字符，无论内容有多长，单击按钮时，它会显示其他字符/文本类型。 所以给出一个基本的想法。让我们举例说明我们给出答案或评论或提问的文本区域/框。在输入我们想要的任何内容后，我们确认或提交或其他任何内容，它应该显示500个字符，当单击按钮时，它应显示其余的内容。 我希望我的问题足够清楚。 提前致谢！！！

Answer 1

鉴于你的背景，这是一个非常全面的问题。此外，由于您将问题标记为jquery和drupal-6，但您并未完全清楚，但在您的问题中未提及这些内容。

如果您在Drupal中执行此操作，则无需编写任何代码，因为每个CMS都具有内置此功能。这是通常的“阅读更多”功能，可以通过不同的方式实现。

假设你想为了学习和更好的理解而自己编写代码，我只能给你一些关于如何做的广泛的想法。

仅限PHP：

• 有一个带有textarea和提交按钮的表单
• 提交时，将文本存储在您选择的数据源中
• 通过执行类似substr（$ string，0,500）的操作，让页面显示此文本的前x个字符。 '...'
• 点击“阅读更多”链接后，让您的脚本显示整个字符串并隐藏“阅读更多”链接

使用Javascript：

用Javascript替换内容，例如jQuery的empty（）和append（）函数

Answer 2

我会使用这样的逻辑：

• 我会在页面上创建一个不可见的div。

• 一旦按下确认按钮，我将获取文本框的内容，使用JavaScript的innerText函数在div中写入其值。

• 我会得到文本框的前500个字符，并将其指定为文本框的新值。 （这将删除文本框中的所有其余内容，但主文本将保留在不可见的div中）

• 当您单击用于显示所有文本的按钮时，我会找到包含该值的div;获取其值并将其作为值分配给文本框。所以它显示了所有文本。

也许不是div，你也可以使用隐藏字段。