Question

我使用此函数用Javascript填充textfield：

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 textfields。因此，如果人们点击该链接，则必须将3个不同的值添加到3个不同的文本字段中。

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

Answer 1

您执行的操作已经在代码中使用了。通过获取IDS来填写值。

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);
})

Answer 2

LIVE DEMO

假设你有：

<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">

你的职能：

function addMsg(arr, cls){

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

}

JS：只需点击一下即可填写3个字段

2 个答案: