如何解决刷新表单不保留textarea换行符
我有一个简单的表格,如下所示,有几个输入,下面只有一个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;
但是它似乎没有用!
如何刷新表单并保留文本区域的文本以处理新行?
谢谢!
解决方法
您不需要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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。