0

これが以前に行われたのを見たことがありますが、方法がわかりません。

検索フォームを pagename.php?q=[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

Enter/Submit を押すと、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 に答える