See it in action

Question

Hey Guys我有一个应用网站，有一个选择框，可以选择您想要申请的商店。我无法弄清楚如何使用选择框将表单发送到另一个PHP页面。现在当你点击论坛上的提交时，它会将它发送到一个php页面，该页面通过电子邮件将表单发送到正确的商店。如果他们更改了他们申请的商店，我需要能够将其发送到另一家商店。我知道基本的javascript。请告诉我在哪里可以找到这个答案。

Answer 1

你可以试试这个

var option = document.getElementById("clicked");
window.location="nextpagename";

Answer 2

为选择框提供属性data-send_to="some_page"，然后使用此JS代码：

document.querySelector(".selection_box").onclick = function() {
    document.getElementById('form').action = this.getAttribute('data-send_to') + '.php';
};

另外，不要忘记给表单提供与JS代码相同的ID（现在它只是form）。

Answer 3

提交时更改。

在下面的 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 应该与此类似（当然是您网页的规格）：

<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>

See it in action

PS - 我相信你也可以使用丹尼尔的答案，我只是一种避免处理它的方法，直到提交实际发生，他是即时的。欢呼声。

使用JavaScript更改表单发送到的页面

3 个答案:

提交时更改。

See it in action