使用表单数据让用户自定义 URL

Question

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

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

Answer 1

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

使用表单数据让用户自定义 URL

Take User to Custom URL Using Form Data

html

javascript

forms