使用JavaScript更改表单发送到的页面
嘿,伙计们,我有一个applicate网站,它有一个选择框来选择你们想要申请的商店。我无法确定如何使用选择框将表单发送到另一个PHP页面。现在,当您在论坛上单击submit时,它会将表单发送到一个php页面,该页面会将表单通过电子邮件发送到正确的存储区。我需要能够发送到另一家商店,如果他们改变了他们申请的商店。我知道基本的javascript。请告诉我在哪里可以找到这个答案 为选择框指定属性使用JavaScript更改表单发送到的页面,javascript,php,html,forms,Javascript,Php,Html,Forms,嘿,伙计们,我有一个applicate网站,它有一个选择框来选择你们想要申请的商店。我无法确定如何使用选择框将表单发送到另一个PHP页面。现在,当您在论坛上单击submit时,它会将表单发送到一个php页面,该页面会将表单通过电子邮件发送到正确的存储区。我需要能够发送到另一家商店,如果他们改变了他们申请的商店。我知道基本的javascript。请告诉我在哪里可以找到这个答案 为选择框指定属性data-send\u to=“some\u page”,然后使用以下JS代码: document.que
data-send\u to=“some\u page”
,然后使用以下JS代码:
document.querySelector(".selection_box").onclick = function() {
document.getElementById('form').action = this.getAttribute('data-send_to') + '.php';
};
另外,不要忘记为表单提供与JS代码中相同的id(现在它只是form
)
var option = document.getElementById("clicked");
window.location="nextpagename";
提交时进行更改。
在下面的Javascript中,您可以将FORMNAME
更改为表单的名称,SELECTOR
更改为表单中使用的选择器的名称
document.forms.FORMNAME.onsubmit = function (event) {
var e = event || window.event,
form = e.currentTarget || e.sourceElement;
e.preventDefault();
if (form.action === "") return false; // Verify selection made
form.action = form.SELECTOR.value;
form.submit();
};
您的HTML应该与此类似(当然,与您的页面规格相同):
---选择目的地商店---
谷歌
雅虎!
PS-我相信你也可以使用丹尼尔的答案,我的答案只是一种避免处理它的方法,直到提交真正发生,他的答案是即时的。干杯。请毫不犹豫地询问我的代码是否有意义,或者是否按照您的要求工作。您的意图似乎在此处的正确位置,但不幸的是,这不适用于表单提交,没有事件处理程序,并且您的第一行有一个额外的句号。我建议删除以避免否决票
<form name="FORMNAME" action="" method="post">
<select name="SELECTOR" id="SELECTOR">
<option value="" selected="selected">---Choose destination store---</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo!</option>
</select>
</form>