刷新表单不保留 textarea 换行符

Question

我有一个如下所示的简单表单，有几个输入，只有一个 textarea 输入如下所示：

<form class="box" action = "?" method = "GET" enctype = "multipart/form-data">

<textarea id = "query" name = "query" style="width:810px;height:150px;border:solid 1px #737373;white-space: pre-line;"></textarea>

<script type="text/javascript">
document.getElementById('query').value = "<?php echo $_GET['query'];?>";
</script>

</form>

当用户选择不同的输入时，我的表单会刷新，使用：

onchange = "this.form.submit()"

当我的表单刷新时，我想保留到目前为止的所有输入，这就是为什么我在上面显示的表单中有以下脚本标签：

<script type="text/javascript">
document.getElementById('query').value = "<?php echo $_GET['query'];?>";
</script>

这做得很好，将所有文本保留在一行中，但是当 textarea 超过一行时它不起作用，并且什么也不显示。我什至尝试将文本区域的 css 更改为：

white-space: pre-wrap;

但它似乎不起作用！

如何刷新表单并保留文本区域文本以处理新行？

谢谢！

Answer 1

您不需要 javascript 代码！您可以将代码更改为：

<form class="box" action = "?" method = "GET" enctype = "multipart/form-data">

<textarea id = "query" name = "query" style="width:810px;height:150px;border:solid 1px #737373;white-space: pre-line;"><?php echo $_GET['query']; ?></textarea>

</form>