어떻게 getElementById가있는 여러 ID를 onclick으로 이메일에 추가합니까?

데이터를 수집 할 5 개의 텍스트 영역이있는 웹 양식이 있습니다 (ID의 ta1, ta2, ta3, ta4, ta5). 내가하고 싶은 것은 버튼을 클릭 할 때 이메일에 제출 된 모든 데이터를 얻는 것입니다.어떻게 getElementById가있는 여러 ID를 onclick으로 이메일에 추가합니까?

여기 내 코드가 있습니다. 나는 하나의 텍스트 영역을 얻을 수 있지만 다른 것들은 얻을 수 없다. 누군가 도울 수 있습니까?

<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

당신은 무엇을 시도? 어쩌면 자바 스크립트를 '

대신에 각각의 텍스트 영역에 고유 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으로 이메일에 추가합니까?

관련 문제