Javascript 如何使用h2标签的内容作为电子邮件的主题?

Javascript 如何使用h2标签的内容作为电子邮件的主题?,javascript,php,html,Javascript,Php,Html,我想根据按下的特定按钮更改主题。每个按钮代表不同的订单选择,并更改h2标记的值。我想这个h2标签的内容是我的PHP电子邮件的主题。我该怎么做 //JavaScript文档 //验证空字段 //函数检查_empty(){ //if(document.getElementById('name')。值=“”| | document.getElementById('email')。值=“”){ //提醒(“请填写所有字段”); //}否则{ //警报(“订单成功!”); //} //} //显示弹出窗

我想根据按下的特定按钮更改主题。每个按钮代表不同的订单选择,并更改h2标记的值。我想这个h2标签的内容是我的PHP电子邮件的主题。我该怎么做

//JavaScript文档
//验证空字段
//函数检查_empty(){
//if(document.getElementById('name')。值=“”| | document.getElementById('email')。值=“”){
//提醒(“请填写所有字段”);
//}否则{
//警报(“订单成功!”);
//}
//}
//显示弹出窗口的函数
函数div_show1(){
document.getElementById(“ordertype”).innerHTML=“$400网站订单”;
document.getElementById('abc').style.display=“block”;
}
函数div_show2(){
document.getElementById(“ordertype”).innerHTML=“$500网站订单”;
document.getElementById('abc').style.display=“block”;
}
函数div_show3(){
document.getElementById(“ordertype”).innerHTML=“$700网站订单”;
document.getElementById('abc').style.display=“block”;
}
//隐藏弹出窗口的函数
函数div_hide(){
document.getElementById('abc').style.display=“无”;
}
@charset“utf-8”;
/*CSS文档*/
#abc{
宽度:100%;
身高:100%;
不透明度:0.97;
排名:0;
左:0;
显示:无;
位置:固定;
背景色:#313131;
溢出:自动;
z指数:999999;
}
img#关闭{
位置:绝对位置;
右图:-14px;
顶部:-14px;
光标:指针;
}
分区#弹出式触点{
位置:绝对位置;
左:50%;
最高:17%;
左边距:-202px;
字体系列:coolfont;
}
形式{
最大宽度:300px;
最小宽度:250px;
填充:20px 50px;
边框:2倍纯色灰色;
边界半径:10px;
字体系列:coolfont;
背景色:#fff;
}
#向上移动{
利润上限:-20px;
}
p{
边缘顶部:30px;
}
氢{
背景色:#淡黄色;
填充:20px 35px;
利润率:-10px-50px;
文本对齐:居中;
边界半径:10px 10px 0;
字体系列:信息;
}
人力资源{
利润率:10px-50px;
边界:0;
边框顶部:1px实心#ccc;
}
输入[类型=文本]{
宽度:82%;
填充:10px;
边缘顶部:30px;
边框:1px实心#ccc;
右边填充:40px;
字体大小:16px;
字体系列:coolfont;
}
输入[类型=电子邮件]{
宽度:82%;
填充:10px;
边缘顶部:30px;
边框:1px实心#ccc;
右边填充:40px;
字体大小:16px;
字体系列:coolfont;
}
文本区{
宽度:82%;
高度:95px;
填充:10px;
调整大小:无;
边缘顶部:30px;
边框:1px实心#ccc;
右边填充:40px;
字体大小:16px;
字体系列:coolfont;
边缘底部:30px;
}
#提交{
文字装饰:无;
宽度:100%;
文本对齐:居中;
显示:块;
背景色:#FFBC00;
颜色:#fff;
边框:1px实心#FFCB00;
填充:10px0;
字体大小:20px;
光标:指针;
边界半径:5px;
}
@仅介质屏幕和(最大宽度:457px){
形式{
最大宽度:200px;
最小宽度:150px;
填充:10px 50px;
左边距:50像素;
}
输入[类型=文本]{
右侧填充:30px;
}
文本区{
右侧填充:30px;
}
}
@仅介质屏幕和(最大宽度:365px){
形式{
最大宽度:140像素;
最小宽度:90px;
填充:10px 50px;
左边距:80px;
}
输入[类型=文本]{
右边填充:10px;
}
文本区{
右边填充:10px;
}
}
立即订购
现在点菜
现在点菜
#


正如@chris85所提到的,
元素在提交表单时不会发布。
你可能想看看这本书

我建议用
的内容填充隐藏的

类似这样的演示:

函数集_值(){
var title=document.getElementById(“ordertitle”),
type=document.getElementById(“ordertype”);
title.innerHTML=type.value=“$400网站订单”;
}
函数show_hidden(){
//用于演示目的
var type=document.getElementById(“ordertype”);
type.type=“text”;
}
document.getElementById(“设置值”).addEventListener(“单击”,设置值);
document.getElementById(“显示隐藏”).addEventListener(“单击”,显示隐藏)

设定值
显示隐藏输入

正如@chris85所提到的,
元素在提交表单时不会发布。
你可能想看看这本书

我建议用
的内容填充隐藏的

类似这样的演示:

函数集_值(){
var title=document.getElementById(“ordertitle”),
type=document.getElementById(“ordertype”);
title.innerHTML=type.value=“$400网站订单”;
}
函数show_hidden(){
//用于演示目的
var type=document.getElementById(“ordertype”);
type.type=“text”;
}
document.getElementById(“设置值”).addEventListener(“单击”,设置值);
document.getElementById(“显示隐藏”).addEventListener(“单击”,显示隐藏)

设定值
显示隐藏输入

您编写的代码有什么问题?没有问题,但发送电子邮件时没有主题@showdev
h2
s不会从表单中发送<代码>输入
s被发送。如果它确实发送了,那么它也将是
POST
。你写的代码有什么问题?没有,但发送电子邮件时没有主题@showdev
h2
s不会从表单中发送<代码>输入
s被发送。如果它确实发送了,它也将是
POST
。不要忘记表单处理,
$subject=$\u GET['ordertype']。不要忘记表单处理,
$subject=$\u GET['ordertype']