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

时间:2015-02-02 15:39:16

标签: javascript html forms

我有一个表单会询问用户的名字,姓氏和下拉选项 - 例如:

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

当用户填写此表单时,我需要使用他们提交的数据将其转到第三方网站上的自定义网址,网址如下所示:

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>

1 个答案:

答案 0 :(得分:0)

您可以将方法更改为GET(它会自动在链接中添加变量)并执行操作=&#34; www.example.com&#34;