我需要将以下js/html代码的结果发送到邮件中，并以PDF格式打印结果.请建议

我创建了一个调查，并使用以下代码获得结果。我还想把代码发送到特定的邮件中，并在PDF中打印结果。下面是代码。如果有任何建议如何在新页面中获得结果，以及从哪里我可以有类似发送到电子邮件/发送到PDF的按钮。

<p> 
Select a radio button and click on Submit. 
</p> 

question 1: 
<input type="radio" name="question1" value="1">1 
<input type="radio" name="question1" value="2">2 
<input type="radio" name="question1" value="3">3 

<br> 

question 2: 
<input type="radio" name="question2" value="1">1 
<input type="radio" name="question2" value="2">2
<input type="radio" name="question2" value="3">3

<br> 

<button type="button" onclick="displayRadioValue()"> 
Submit 
</button> 

<br> 

<div id="result"></div> 
function displayRadioValue() { 
document.getElementById("result").innerHTML = ""; 
var ele = document.getElementsByTagName('input'); 

for(i = 0; i < ele.length; i++) { 

if(ele[i].type="radio") { 

if(ele[i].checked) 
document.getElementById("result").innerHTML 
+= ele[i].name + " Value: " 
+ ele[i].value + "<br>"; 
} 
} 
}

打印：在css中使用window.print()和相应的@media print
对于电子邮件：
- 如果您需要从网站通过电子邮件发送调查结果。您需要将结果从浏览器发送到服务器，并让服务器发送电子邮件
- 如果你需要将调查回复复制到用户电子邮件客户端(比如outlook(，并且你需要他们将其发送到你的电子邮件id，请检查以下代码

<html>
<head>
<style>
@media print {
body * {
visibility: hidden;
}
#result, #result * {
visibility: visible;
}
#result {
position: absolute;
left: 0;
top: 0;
}
}
</style>
</head>
<body>
<p> 
Select a radio button and click on Submit. 
</p> 
<div>
question 1: 
<input type="radio" name="question1" value="1">1 
<input type="radio" name="question1" value="2">2 
<input type="radio" name="question1" value="3">3 

<br> 

question 2: 
<input type="radio" name="question2" value="1">1 
<input type="radio" name="question2" value="2">2
<input type="radio" name="question2" value="3">3

<br> 

<button type="button" onclick="displayRadioValue()"> 
Submit 
</button> 

<br> 
</div>
<div id="result"></div> 
<div id="control" style="display: none"><a id="toemail" href="mailto:youremail@domain.com?subject=Survey response&body=">Send to email</a>&nbsp<button onclick="window.print();">Send to PDF</button></div>
<script>
function displayRadioValue() { 
document.getElementById("result").innerHTML = ""; 
var ele = document.getElementsByTagName('input'); 

for(i = 0; i < ele.length; i++) { 

if(ele[i].type="radio") { 

if(ele[i].checked) 
document.getElementById("result").innerHTML 
+= ele[i].name + " Value: " 
+ ele[i].value + "<br>"; 
} 
}
document.getElementById("control").style.display = "block"; 
document.getElementById("toemail").href += document.getElementById("result").innerText; 
}         
</script>
</body>
</html>

相关内容

最新更新

热门标签：