JS：灌裝3場與點擊

我用這個功能來填充textfield用javascript：JS：灌裝3場與點擊

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個不同的值。

這可能嗎？我該如何解決這個問題？

來源

2013-09-29 Rick A.

因此，向函數添加更多參數，並執行相同的操作。有什麼問題？ – Barmar

或者簡單地用不同的參數集來調用函數三次。 – Kiruse

或傳遞數組。有這麼多簡單的方法來做到這一點，請選擇。 – Barmar

你做的事情已經在你的代碼中使用過了。通過獲取他們的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); 
})

來源

2013-09-29 20:15:46 Praveen

嗨，謝謝你的回答。但我不熟悉jQuery和JavaScript。我明白這個功能，但不知道如何將它應用到我的鏈接上。原因'這是現在的鏈接？（'click'，function（）{0}（'＃textfieldID1'）。val（text1）; $（'＃textfieldID1'）。val（text2）; $（ '＃textfieldID1'）.val（text3）; }）？ –

@PatrickAkkers好的，你能告訴我這3個值是什麼嗎？ – Praveen

嗯，我發送ID，NAME和EXTENSION到文本框。 –

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

}

來源

2013-09-29 20:21:04

謝謝，這似乎是邏輯，但我不完全明白，因爲所有的字段都需要命名爲「字段」。提交表單後，我不能以這種方式將其保存到數據庫，因爲$ _POST ['field']將有一個值？ –

@PatrickAkkers哦，當然，對不起，改成使用'class' insted of'name' –

JS：灌裝3場與點擊

回答

相關問題