使用表单数据将用户带到自定义 URL

Take User to Custom URL Using Form Data

本文关键字：自定义 URL 用户 表单 数据      更新时间：2023-09-26

我有一个表单，要求用户输入他们的名字，姓氏和一个下拉选项 - 例如：

<form id="form1" method="post" action="">
    <div>
        <label for="searchText">Search:</label>
        <input type="text" id="searchText" name="searchText" />
        <input type="text" id="searchText" name="searchText" />
        <select>
        <option>All Records</option>
        <option value="wee">Option 1</option>
        <option value="er1">Option 2</option>
        <option value="rer">Option 3</option>
        </select>
        <input type="submit" value="Click" />
    </div>
</form>

当用户填写此表单时，我需要使用他们提交的数据将他们带到第三方网站上的自定义 URL，该 URL 如下所示：

https://www.example.com/?name=False&ViewType=Default&Step=1&secondname=0&option=0

我的主要问题是我需要填充的参数位于 URL 中的其他参数之间，因此无法执行以下操作：

<script type="text/javascript">
    window.onload = function(){
        var form = document.getElementById("form1");
        form.onsubmit = function(){
            var searchText = document.getElementById("searchText");
            window.location = "http://www.google.com/search?q=" + searchText.value;
            return false;
        };          
    };
</script>

您可以将方法更改为 GET（它会自动在链接中添加变量）并执行 action="www.example.com"

相关文章：