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

前端之家收集整理的这篇文章主要介绍了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’分配给单击的最后一个按钮中的标题值.如果您尝试对点击操作进行更改,我建议您也将该代码放在按钮点击的事件处理程序中.

原文链接:https://www.f2er.com/js/429739.html

猜你在找的JavaScript相关文章