将多行文本从数据库加载到TextArea

Question

我在MySql数据库（VARCHAR 255）中保存了一些多行文本。 当我加载它，并使用标准的php函数“ nl2br”对其进行处理时，它的回声很好（多行）。 但是，当我从数据库加载多行文本时，将其设置为“ nl2br”，然后将其发送给javascript（这样它就会显示在textarea中），它将不会显示！ 怎么了？

echo "<SCRIPT>FillElements('".$subject."','".$text."');</SCRIPT>";

PS FillElements功能：

function FillElements(Sub,Txt)
        {
            document.getElementById('txtSubject').value=Sub;
            document.getElementById('txtMessage').value=Txt;
        }

Answer 1

换行符（ <br /> ）不会在<textarea>引起实际的换行。

但是，您可以将“实际”换行符（ \\n ）传递给<textarea> 。

我为此创建了一个小提琴 。

---

编辑：对于更新的FillElements代码：

$subject = "String\nWith\nMultiple\nLines";

printf('<script type="text/javascript">FillElements(%s)</script>',
   json_encode($subject)
);

Answer 2

我的猜测是您的HTML源代码如下所示：

<script>FillElements("foo","foo
bar
baz");<script>

正确？

在JavaScript中，字符串不能跨越多行...

Answer 3

textarea实际上并不以与输入元素相同的方式将内容存储在诸如value之类的属性中。 它们实际上将内容存储在<textarea>和</textarea>标记之间。 这意味着内容实际上在文档中被视为CDATA。

<textarea>
    This is my Content
</textarea>

产生一个以“这是我的内容”作为内容的文本区域。

这就意味着您不能使用必须更改文本区域内容的代码。 您必须更改textarea的innerHTML属性。 我在这里建立了一个简单的例子：

http://jsfiddle.net/wFZWQ/

---

顺便说一句，由于您是在创建页面时使用PHP填充字段的，所以为什么不仅仅在HTML标记中填充数据，这样做似乎还有很长的路要走。

另外，由于您似乎没有使用它，因此您看到[jQuery] [1]可以抽象出很多东西，因此您可以使用CSS选择器来代替输入document.getElementById("the_id")来获取元素只需编写$("#the_id")即可获得相同的元素。 您还将获得许多有用的函数，这些函数使编写javascript mucxh更容易。

[1]： http ： //jquery.com jQuery