0

我以前见过这样做，但不知道怎么做。

我正在尝试将搜索表单转到 pagename.php?q=[searchquery]，这样我就可以从地址中获取 searchquery。

这是表格

    <form class="sidebar-search">
    <div class="input-box">
    <input type="text"  placeholder="Quick Product Search..." />                
    <input type="button" class="submit" value="" />
    </div>
    </form>

这是JS

// handle the search query submit on enter press
        $('.sidebar-search input').keypress(function (e) {
            if (e.which == 13) {
                window.location.href = "search_results.php";
                return false; //<---- Add this line
            }
        });

        // handle the search submit
        $('.sidebar-search .submit').click(function () {
            if ($('.page-container').hasClass("sidebar-closed")) {
                if ($('.sidebar-search').hasClass('open') == false) {
                    $('.sidebar-search').addClass("open");
                } else {
                    window.location.href = "search_results.php";
                }
            } else {
                window.location.href = "search_results.php";
            }
        });

有人能帮忙吗？

4

3 回答 3

2

您实际上不需要使用 javascript 来执行此操作

<form class="sidebar-search" method="get" action="search_results.php">
    <div class="input-box">
    <input type="text"  placeholder="Quick Product Search..." />                
    <input type="submit" class="submit" value="" />
    </div>
</form>

action属性定义了表单收集的数据应该发送到的位置（一个 URL）。该method属性定义了发送数据的 HTTP 方法（可以是“get”或“post”）。

这可能有助于详细了解。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/My_first_HTML_form?redirectlocale=en-US&redirectslug=HTML%2FForms%2FMy_first_HTML_form

但是，如果您仍然需要在此处使用 javascript，则答案id为搜索字段定义如下

    <input type="text"  id="txtSearch" placeholder="Quick Product Search..." />

接着

var searchString = $('#txtSearch').val();
window.location.href = "search_results.php?q=" + searchString;
于 2013-08-14T14:53:59.030 回答
1

做这个：

window.location.href = "search_results.php?q=" + $(".sidebar-search input[type=text]").val();

或者您可以为搜索提供一个 id 并获取具有该 ID 的元素的值。

于 2013-08-14T14:53:52.810 回答
0

如果你点击输入/提交你去 search.php?query=value

<form method="get" action="search.php" >
    <input name="query" type="text" />
    <input type="submit" value="search" />
</form>
于 2013-08-14T14:55:26.293 回答