getElementByIdで複数のIDをonclickで電子メールに追加するにはどうすればよいですか？

私はデータを収集するために5つの異なるテキストエリアを持つウェブフォームを持っています（idのta1、ta2、ta3、ta4、ta5）。私がしたいのは、ボタンをクリックするとすべてのデータをメールで送信することです。getElementByIdで複数のIDをonclickで電子メールに追加するにはどうすればよいですか？

ここに私のコードです。私は1つのテキスト領域を取得できますが、他の領域は取得できません。助けてもらえますか？

<input type="button" class="btn btn-primary" onclick="location.href=&quot;mailto:[email protected]?subject=Feedback&body=&quot;+document.getElementById(&quot;ta1&quot;).value;" value="Submit">

出典

2017-04-21 user2400122

あなたは何を試してみましたか？たぶん、javascriptを '

代わりの各テキストエリアに固有のIDを割り当て、それらに共通の名前を割り当て、その後、あなたは、すべてのテキストエリアの値を取得するためにテキストを反復することができます texts = getElementsByName('common_name') を呼び出すことにより、すべての入力を取得します。

出典

2017-04-21 07:29:54

お寄せいただきありがとうございます！これは私のためにうまくいくように思えましたが、私は以下のこのオプションの文字制限があることを発見しました。誰もその限界をどのように増やすか知っていますか？

function emailForm(href) { 
 
    var subject = "This form data"; 
 
    var body = "Notes:\r\n\r\n"; 
 
    body += "<ta1>\r\n"; 
 
    body += document.getElementById("ta1").value; 
 
    body += "\r\n\r\n<ta2>\r\n"; 
 
    body += document.getElementById("ta2").value; 
 
    body += "\r\n\r\n<ta3>\r\n"; 
 
    body += document.getElementById("ta3").value; 
 
    body += "\r\n\r\n<ta4>\r\n"; 
 
    body += document.getElementById("ta4").value; 
 
    body += "\r\n\r\n<ta5>\r\n"; 
 
    body += document.getElementById("ta5").value; 
 
    body += "\r\n\r\n"; 
 
    var uri = "mailto:?subject="; 
 
    uri += encodeURIComponent(subject); 
 
    uri += "&body="; 
 
    uri += encodeURIComponent(body); 
 
    window.open(uri); 
 
    }

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
    <title>Send form data in an email</title> 
 
</head> 
 

 
<body> 
 
    <textarea id="ta1"></textarea> 
 
    <textarea id="ta2"></textarea> 
 
    <textarea id="ta3"></textarea> 
 
    <textarea id="ta4"></textarea> 
 
    <textarea id="ta5"></textarea> 
 

 
    <input type="button" onclick="emailForm();" value="Submit"> 
 
</body> 
 

 
</html>

出典

2017-04-21 19:01:17 user2400122

今、私は別の問題に遭遇しているようです。このようにフォームを送信するための最大文字数制限があるようです。誰もそれを回避する方法を知っていますか？ – user2400122

getElementByIdで複数のIDをonclickで電子メールに追加するにはどうすればよいですか？

関連する問題