Question

我正在创建一个下拉列表，将您发送到另一个站点。选择站点后，它不会将用户发送到正确的站点。以下是我到目前为止的情况：

<div id="selection">
    <form name="division_form" onsubmit="return validateForm(this);" action="global_complaint_training.php?page=1">
        <select name="division_list">
            <option selected disabled>Select a Language:</option>
            <option value="1">english</option>
            <option value="2">español</option>
            <option value="3">français</option>
        </select>
        <input name="Submit" type="submit" value="Submit">
    </form>


function validateForm(formElement) {
    var x = formElement.division_list.selectedIndex;
    if (x == 0) {
        alert('Please choose a language');
        return false;
    } else {
        switch(x) {
            case 1:
                document.division_form.action = "english/training.php?page=1";
                break;
            case 2:
                document.division_form.action = "spanish/training.php?page=1";
                break;
            case 3:
                document.division_form.action = "french/training.php?page=1";
                break;
        }
        return true;
    }
}

当选择某个网站时，该网站会包含该网站：division_list = 5＆amp; Submit = Submit，page = 1不包含在网站中。

感谢您的帮助

Answer 1

你必须决定你想做什么。您可以将用户重定向到使用js或PHP的其他站点。如果你想使用PHP，表单应该将变量发送到PHP文档，并且应该有代码重定向用户。如果你想使用js，你应该使用：

window.location.href = "http://www.example.com";

在switch语句中。

Answer 2

将action属性设置为“post”

  <form name="division_form" onsubmit="return validateForm(this);" action="global_complaint_training.php?page=1">

应

    <form name="division_form" onsubmit="return validateForm(this);" action="global_complaint_training.php?page=1" method="post">

包含链接和验证的下拉列表

2 个答案: