Php 从多个文本输入框复制到文本区域：

我有4个输入文本字段，我想让他们复制到一个文本区域，我试图做同样的事情，使每个副本到一个单独的文本输入字段，但没有工作

我的代码如下：

<fieldset>
        <legend>Page Message:</legend>
        <div class="textarey">
        <input type="text" class="lookalike" id="message_text1" name="message_text1" onkeyup="copy_data(this);  if(this.value.length>=24) document.editPage.message_text2.focus()" style="text-decoration:ltr;" value="<?php echo $page['message_text']; ?>" size="38" maxlength="24"><br>

        <input type="text" id="message_text2" name="message_text2" maxlength="24" size="38" class="lookalike"  style="text-decoration:ltr;"  value="<?php echo $page['message_text']; ?>" onkeyup="copy_data(this); if(this.value.length>=24) document.editPage.message_text3.focus()"><br>

        <input type="text" id="message_text3" name="message_text3" maxlength="24" size="38" class="lookalike"  style="text-decoration:ltr;"   value="<?php echo $page['message_text']; ?>" onkeyup="copy_data(this);  if(this.value.length>=24) document.editPage.message_text4.focus()"><br>

        <input type="text" id="message_text4" name="message_text4" size="42" class="lookalike"  style="text-decoration:ltr;"  value="<?php echo $page['message_text']; ?>" onkeyup="copy_data(this)">
 </div>


      <textarea id="message" /><?php echo $page['message']; ?></textarea>

我的问题是，每次文本字段到达其maxchars的末尾时，它都会清除文本区域。有人有什么想法吗

谢谢

但我建议不要使用内联js。

<script type="text/javascript">
var text = "";
  for(var x=1;x<=4;x++) {
     text += document.getElementById("message_text"+x).value;
     text += "\n";
  }
  document.getElementById("message").value = text;
</script>

var text=“”；
对于（var x=1；x
我的问题是每次文本字段结束时
它清除了文本区域。有人有什么想法吗

这是因为即使到达maxchar的末尾，您仍会继续键入。根据javascript函数，textarea每次只显示4个文本字段中的一个字段的数据。因此，移动字段1达到最大长度，字段2根据代码获得焦点

onkeyup="copy_data(this);  if(this.value.length>=24) document.editPage.message_text2.focus()"

因此，随着field2获得焦点，您继续键入，您的文本区域变为空白，并开始显示field2数据。
是否有理由不在类中填充所有样式？这至少会稍微减少您的代码。如果选择输入，是否可以将piexe的样式传递到我复制输入文本的文本区域？我有这样一个：
函数formatText（el，tag）{var selectedText=document.selection？document.selection.createRange（）.text:el.value.substring（el.selectionStart，el.selectionEnd）//IE:Moz if（selectedText==“”）{return false}var newText='.+tag+'.+selectedText+'.+tag+''；if（document.selection）{IE document selection.createRange（）.text=newText；}其他{el.value=el.value.substring（0，el.selectionStart）+newText+el.value.substring（el.selectionEnd，el.value.length）；}
看起来不错，我唯一的问题是，你将如何从输入调用函数？谢谢！我没有完全理解你的问题-“你将如何从输入调用函数”？从你的问题中我可以看出，你似乎在问如何调用函数。嗯，这取决于如何调用想要调用它。我所做的只是将“=”符号更改为“+=”符号-这就可以了。顺便说一句，我推荐上面答案中给出的代码。这比我所做的要好得多。
<script type="text/javascript">
var text = "";
  for(var x=1;x<=4;x++) {
     text += document.getElementById("message_text"+x).value;
     text += "\n";
  }
  document.getElementById("message").value = text;
</script>

onkeyup="copy_data(this);  if(this.value.length>=24) document.editPage.message_text2.focus()"