Javascript JS：一次点击填充3个字段

我使用此函数用Javascript填充文本字段：

function addMsg(text,element_id) {

document.getElementById(element_id).value += text;

}

当人们单击此链接时，此功能将被激活：

<a onclick="addMsg('THIS IS THE TEXT ADDED','TEXTFIELDNAME'); return false;">CLICK HERE TO FILL THE FIELDS</a>

但现在我想用一次点击填充3个文本字段。 因此，如果人们点击链接，3个不同的值必须添加到3个不同的文本字段中

---

这可能吗？我该如何解决这个问题呢？

您所做的事情与您在代码中已经使用的相同。通过获取值的ID来填充这些值

function fillThreeTxtBoxes(text1, text2, text3) {
 document.getElementById('textfieldID1').value = text1;
 document.getElementById('textfieldID2').value = text2;
 document.getElementById('textfieldID3').value = text3;
}

在jQuery中

$('a').on('click', function() {
 $('#textfieldID1').val(value1);
 $('#textfieldID2').val(value2);
 $('#textfieldID3').val(value3);
})

假设你有：

<a onclick="addMsg(['Test 1','Msg 2','333'], 'field'); return false;">CLICK</a>

<input class="field" type="text">
<input class="field" type="text">
<input class="field" type="text">

---

因此，为函数添加更多参数，并执行相同的操作。问题是什么？或者简单地用不同的参数集调用函数三次。或者传递数组。有很多简单的方法可以做到这一点，你选吧。嗨，谢谢你的回答。但我对jQuery和javascript不太熟悉。我理解这个函数，但不知道如何将它应用到我的链接中。因为“这是现在的链接吗？$”a''click'时，函数{$'textfieldID1'.valtext1；$'textfieldID1'.valtext2；$'textfieldID1'.valtext3；}？@PatrickAkkers好的，你能告诉我要填写的3个值是什么吗？好的，我将ID、名称和扩展名发送给textfields。@PatrickAkkers检查一下。我用elementIDsWow做了一个非常简单的解释，谢谢你，用这种方式理解很明显。我要用它工作！非常感谢。谢谢，这似乎符合逻辑，但我不太明白，因为所有字段都需要命名为field。提交表单后，我无法以这种方式将其保存到数据库，因为$\u POST['field']将有一个值？@PatrickAkkers哦，当然，对不起，更改为使用class而不是name

function addMsg(arr, cls){

  $('.'+ cls).each(function(i){
    this.value = arr[i];
  });

}