刷新表单不保留文本区域换行符

Question

我有一个简单的表单，如下所示，有一些输入，只有一个文本区域输入，如下所示：<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>这做得很好，并将所有文本保留在一行中，但当文本区域有多于一行时，它不起作用，并且不显示任何内容。我什至尝试将文本区域的 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>