Javascript 多个输入更新多个文本区域'；s

这正是标题所描述的

我希望1套6/7输入字段能够更新4/5个不同的文本区域，用于不同的模板，以便使用输入元素复制粘贴

我尝试过使用getelementsbyclassname，但它似乎无法处理多个文本区域

一个简单的多输入更新多文本区域的例子就足够了

这是我到目前为止所拥有的，它还不完整

1 name: <input type="text" name="1stTarget" onblur="tst1(this);" /><br />
2 name: <input type="text" name="2ndTarget" onblur="tst1(this);" /><br />
Email address: <input type="text" name="3rdTarget" onblur="tst1(this);" /><br />
Phone #: <input type="text" name="4thTarget" onblur="tst1(this);" /><br />
Schedule: <input type="text" name="5thTarget" onblur="tst1(this);" /><br />
<textarea name="result" id="result1" onClick="this.select();" class="disable">Hello 1stTarget, 2ndTarget i would like to confirm your email address 3rdTarget and phone # 4thTarget and the time you will be at work 5thTarget</textarea>
<br />
<textarea name="result2" id="result2" onClick="this.select();" class="disable">1stTarget and 2ndTarget updated their 5thTarget and their 4thTarget including their 3rdTarget</textarea><input type="reset" value="Reset!" />

1名称：

2名称：

电子邮件地址：

电话：

日程安排：

您好1目标2目标我想确认您的电子邮件地址3目标和电话4目标以及您的工作时间5目标


1目标和2目标更新了第5目标和第4目标，包括第3目标

使用

<script type="text/javascript">
function tst1(elm){
    var trgt=document.getElementById('result1');
    trgt.value=trgt.value.replace(elm.getAttribute('name'), elm.value);
}
</script>

功能tst1（elm）{
var trgt=document.getElementById（'result1'）；
trgt.value=trgt.value.replace（elm.getAttribute（'name'），elm.value）；
}

如果我是你，我不会尝试替换文本区域中的文本，而只是根据输入构建所需的字符串，并在完成后设置文本。下面类似的内容可以实现这一点：

注意您需要的主要功能是jQuery的

$（“#填充”）。单击（函数（elm）{
var hasErrors=false；
var$updateElms=$（'.update'）；
$updateElms.removeClass（'hasError'）；
$updateElms.each（函数（i，e）{
如果（$（e）.val（）=''）{
hasErrors=true；
$（e）.addClass（'hasError'）；
}
});
如果（hasErrors）返回；
var name1=$updateElms.eq（0.val（）；
var name2=$updateElms.eq（1.val（）；
var email=$updateElms.eq（2.val（）；
var phone=$updateElms.eq（3.val（）；
var schedule=$updateElms.eq（4.val（）；
var text0='Hello'+name1+'，'+name2+'我想确认您的电子邮件地址'+email+'和电话'#'+phone+'以及您的工作时间'+schedule；
var text1='Hi'+name1+'，'+name2+'我们已收到您的确认，您的电子邮件地址为'+email+'，电话为'+phone+'，您将在工作时间'+日程安排；
var text2='Hello'+name1+'，'+name2+'我们试图通过您的电子邮件地址'+email+'和电话'#'+phone+'与您联系，告知您在'+schedule'错过了轮班；
$（'.result:eq（0）'）.val（text0）；
$（'.result:eq（1）'）.val（text1）；
$（'.result:eq（2）'）.val（text2）；
});
.hasError{
颜色：红色；
背景色：#F9B9B9；
}

1名称：


2名称：


电邮地址：


电话：


附表:














使用
请发布您的代码。请展示一些代码，您能准确地解释一下您要做什么吗？您需要输入以更新textareas，但将textareas更新为什么？抱歉，此网站新增。我不知道我可以。我同意，但我想要不同的文本区域，并为每个输入生成的不同消息提供输入。@KyleH8CH您是否有一组输入，在不同的文本区域加载一组不同的消息，或者您是否有多组输入，其中每一组都与输入操作的文本区域配对？一组输入在不同的文本区域中加载一组不同的消息。我用多个textarea更新了我的原始帖子，还有一个不同的例子我能说我爱你@Elighted0d吗？这正是我想要的。我到处都搜索过。@KyleH8CH很乐意帮忙，这里的主要功能是jQuery，它允许您从与选择器匹配的一组元素中将元素定位到特定索引（它允许您选择要使用的文本区域等）