Window.Open with Search

时间:2016-02-10 10:01:25

标签: javascript

我有以下窗口打开方法:

                    <script>
                    function searchForm(form){
                        window.open("test.php?Search=", "newwindow", "scrollbars=yes", "width=800", "height=600", + form.s.value)
                        return false;
                    }
                </script>

                <form method="get" onsubmit="return searchForm(this)" class="form-inline" role="form" />
                    <div class="form-group">
                        <input class="form-control input-sm" name="s" type="text" onFocus="if (this.value == 'Search Events') {this.value='';" />
                    </div>
                        <button type="submit" class="btn btn-text">Lookup Existing Data</button>            
                </form>

我希望使用上面的参数打开新窗口,但是当我添加它们时,它会破坏搜索中的数据,如果我删除参数值,它可以工作,但窗口会在新选项卡中打开。

1 个答案:

答案 0 :(得分:1)

您需要将数据附加到网址!您正在推动代码将字符串作为其自身的参数附加,而不是作为构造URL的语句的一部分。

此外,窗口描述参数需要作为参数传递。

最后,当您将用户输入数据格式(如URL)时,您需要转义用户输入。

window.open(
  "test.php?Search=" + encodeURIComponent(form.s.value),
  "newwindow",
  "scrollbars=yes,width=800,height=600"
);