如何在一個onclick按鈕上用一個javascript函數選擇多個文本字段？

我已經在這幾個小時了，搜索無數的論壇。我很想用一個按鈕來調用一個函數來應用到多個文本字段。現在我有一個工作函數，它將選擇給定文本框中的所有文本並將其複製到剪貼板。我需要這個功能才能夠選擇多個框中的所有文本，並且只需點擊一次即可複製所有文本。如何在一個onclick按鈕上用一個javascript函數選擇多個文本字段？

HTML文本框

<form name="data_entry" id="data_frm" action="#"> 
<table cellspacing="5" cellpadding="3"> 

<tr><td>Root Cause:</td> 
<td><input type="text" size="35" maxlength="250" name="cause" id="txt_cause"> 
</td></tr> 

<tr><td>Actions Taken:</td> 
<td><input type="text" size="35" maxlength="300" name="actions" id="txt_actions"> 
</td></tr> 

<!--COPY BUTTON-->    
<td><input type="button" name="clipboard_copy" value="Copy" onClick="javascript:selectcopy('data_entry.caller')"></td> 

</table> 
</form>

和JavaScript代碼的調用是

<SCRIPT LANGUAGE="JavaScript"> 
function selectcopy(fieldid) 
{ 
var field=document.getElementById(fieldid) || eval('document.'+fieldid) 
field.select() 
if (field.createTextRange) 
    { 
    field.createTextRange().execCommand("Copy") 
    } 
}

因此，作爲目前的情況是，複製按鈕將複製「主叫方」文本字段，但我需要它通過一次點擊複製兩個（和更多的領域）。此外，如果可能的話，我需要它在複製時將每個文本字段構建在自己的行上，以便您可以粘貼並注意每行代碼？提前致謝！

來源

2012-08-29 Justin Tennant

是的..我知道我的示例代碼中沒有「調用者」文本字段，但是如果有人能夠告訴我如何通過一次單擊複製「原因」和「操作」字段，我會愛他們永遠。 –

我假設你點擊按鈕時需要所有文本字段中的所有文本？ – Asciiom

這是正確的 –

獲取所有文本字段值並連接它們（在字段之間使用\ n來強制換行），然後對結果字符串使用execCommand。

來源

2012-08-29 10:00:53 Asciiom

從來沒有想到這一點，但絕對有道理，我試試看，看看我明天回到辦公室時是否需要它！ –

好吧，我把它全部連接到一個我想要的確切格式的無形文本框中，現在我該如何獲得onclick函數來首先處理這個動作，然後使用我的javascript來選擇該框並將其複製？ –

只需將連接操作稱爲selectcopy函數的第一行，然後onclick使用連接文本框的ID調用selectcopy並保持原樣。 – Asciiom

如何在一個onclick按鈕上用一個javascript函數選擇多個文本字段？

回答

相關問題