simplemodal contact form将HTML变量传递给JAVASCRIPT和PHP

我是javascript的新手,有一些PHP经验,主要使用HTML和CSS样式.
我从Eric Martin的网站上下载了simplemodal联系表格,看起来很不错.
我能够在这个位置的测试网站中实现模态弹出联系表单：

http://www.patagonia-tours.net/tours/patagonia.htm

在这个页面中,我列出了三个不同的游览,我希望访问者在每个游戏中查询/询问一个问题,为此我添加了模态形式.

我需要解决两件事：

1号

将一个变量从HTML传递给JAVASCRIPT,它将成为游览名称,使用此变量作为联系表单的标题.我想出了这个变量在contact.js文件中的位置,并命名为’title’.

这是调用模态形式的三个按钮的HTML代码：

需要将HTML中title属性的值传递给javascript中的’title’变量.

2号

我需要将相同的变量传递给PHP脚本(contact.PHP),所以我可以将它用作电子邮件中的主题,然后知道访问者感兴趣的游览,我老实说现在不知道怎么做(我确实尝试了一些变种而没有成功).

最佳答案

正如我的评论中提到的,你不能有重复的ID值,否则javascript不知道要抓哪个(因为它只需要一个,你在第一个停止);

如果您将ID更改为类,则可以执行以下操作：

至于第2号,你应该在一个新问题中用你绑定的代码问这个问题.

编辑：

假设你将变量定义在其他地方,如var title =”;或者只是var title;然后将上面的代码更改为：

var buttons = document.getElementsByClassName('tour-button');
for( var i = 0,function() { title = this.title; },false);
}

将变量’title’分配给单击的最后一个按钮中的标题值.如果您尝试对点击操作进行更改,我建议您也将该代码放在按钮点击的事件处理程序中.