从多个文本输入框复制到文本区域:
Copying from multiple text input boxes to a text area:
我有 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>
从字段中复制的Javascript在这里:
function copy_data(val){
var messageText = document.getElementById(val.id).value
document.getElementById('message').innerHTML = messageText;
}
我的问题是,每次文本字段到达其 maxchars 的末尾时,它都会清除文本区域。有人在这里有什么想法吗?
谢谢
function copy_data(val){
var messageText = document.getElementById(val.id).value
document.getElementById('message').innerHTML += messageText;
}
但我建议不要使用内联 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>
- 您可以考虑创建一个函数,用于从您想要的任何输入复制到无论什么元素。
我的问题是,每次文本字段到达末尾时 maxchars 它清除文本区域。有人在这里有什么想法吗?
这是因为即使你到达maxchar的末尾,你仍然会继续打字。根据您的 javascript 函数,文本区域一次只会显示来自 4 个文本字段之一的数据。因此,移动字段 1 达到最大长度,字段 2 根据您的代码获得焦点。
onkeyup="copy_data(this); if(this.value.length>=24) document.editPage.message_text2.focus()"
因此,随着 field2 获得焦点,并且您继续键入,您的文本区域将变为空白并开始显示 field2 数据。
相关文章:
- onkeyup无法动态创建多个文本区域
- 具有所有样式的文本正在复制到可编辑文本区域
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- ng在下拉列表和文本区域提交
- 将文本插入光标所在的文本区域
- 离开页面导航后保留文本区域内容
- Javascript-在文本区域中断,但不在段落中中断
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 测试文本区域中的特定文本格式
- 文本编辑后,append函数不适用于文本区域
- 如何在ReactJs中链接下拉列表和文本区域
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- 使用JSON文件中的变量(字符串)填充文本区域
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何为动态创建的文本区域中输入的值更新ng模型
- 延迟高亮显示文本区域中的文本
- 将字母添加到文本区域的末尾
- TinyMCE在新添加的文本区域