質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

パラメータ

関数やプログラム実行時に与える設定値をパラメータと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

897閲覧

【WordPress】で、チェックボックスのチェックを入れるごとに、URLに「+項目」を追加したい

take4

総合スコア39

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

パラメータ

関数やプログラム実行時に与える設定値をパラメータと呼びます。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2019/03/19 13:02

編集2019/03/19 14:25

ワードプレスで、以下の様にチェックボックス3つと検索ボタンを設置した上で

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>"> <label><input type="checkbox" name="s" value="あいうえお">あいうえお</label><br> <label><input type="checkbox" name="s" value="かきくけこ">かきくけこ</label><br> <label><input type="checkbox" name="s" value="さしすせそ">さしすせそ</label><br> <input type="submit" value="検索" /> </form>

両方のチェックボックスにチェックを入れ検索ボタンを押しますと、

【 サイトURL/?s=あいうえお&s=かきくけこ&s=さしすせそ 】

上記の様なパラメータの入ったURLが得られますが、

【 サイトURL/?s=あいうえお+かきくけこ+さしすせそ 】

上記の様なURLを得るためにはどうすれば良いでしょうか?

この様なケースの場合JavaScriptでも可能なのかもしれませんがよりシンプルな方法があればご教授いただきたいです。パラメータについてまだ知識が浅いのですが、何かヒントとなるものでもいただけると幸いにございます。

*現在「Search Everything」というプラグインを入れ、
以下のサイトをもとにand検索ができる様にしております。
https://webtobira.com/web/893/

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/03/19 13:06

+でなければなりませんか? 用途は何でしょうか?
take4

2019/03/19 13:15 編集

現在以下のパラメータで ?s=〇〇+□□+△△ 〇〇、□□、△△の and検索ができる状態にまでは作っているのですが、 ?s=あいうえお&s=かきくけこ 上記の状態では or検索になってしまうので「+」ですと大変ありがたいです。
m.ts10806

2019/03/19 13:13

んー、チェックボックスって通常 s[]のように配列にして送信するのですけど、それではダメなのでしょうか。 逆に+で送信したときにand検索ができるような作りと言うのがどういうものなのか気になります。
noka_blank

2019/03/19 13:14

推測ですが、GETパラメータの上書きを避けたいのではないかと思いました。 合っていますでしょうか? `name="s[]"`のように配列の表現をすると、PHP側で配列でGETパラメータを受け取れます。
take4

2019/03/19 13:33

パラメータについて知識がほとんどなく申し訳ないのですが、 通常ワードプレスのワード検索ウィンドウに以下の文字を入れ あいうえお かきくけこ(全角空白が入っています) 検索ボタンを押すと 「?s=あいうえお%E3%80%80かきくけこ」この様なパラメータがつくと思います。 一方以下の様に半角空白文字を入れた場合、 あいうえお かきくけこ(半角空白が入っています) 「?s=あいうえお+かきくけこ」パラメータはこの様になると思うのですが、 これをチェックボックスで実現したいです。
guest

回答2

0

超強引にやるなら下記のような形 しかし、かなりの悪手
JavaScriptでやろうとする内容とそこまで変わりません。

html

1 <label><input type="checkbox" name="s[]" value="あいうえお">あいうえお</label><br> 2 <label><input type="checkbox" name="s[]" value="かきくけこ">かきくけこ</label><br> 3 <label><input type="checkbox" name="s[]" value="さしすせそ">さしすせそ</label><br>

php

1<?php 2$get_s = filter_input(INPUT_GET,'s',FILTER_DEFAULT,FILTER_REQUIRE_ARRAY); 3$get_n = filter_input(INPUT_GET,'n'); 4if(!is_null($get_s) && is_null($get_n) ){ 5 header('Location: '.strtok($_SERVER["REQUEST_URI"],'?').'?s='.implode('+',$get_s)."&n=1"); 6 exit; 7} 8?>

だけど、コメントにも書きましたようにname="s[]"とすれば配列として送信できるので、and検索もor検索も作り次第で如何様にもなりそうな気がします。

検索対象がDBで、何を探すかにもよっても組み方多少変わりますが、
そもそも

?s=〇〇+□□+△△

〇〇、□□、△△の and検索ができる状態にまでは作っている

というのがどういう作りなのかを提示されたほうがいいかもしれません。
+はurlencode()かけると%2Bになりますし。

投稿2019/03/19 13:28

編集2019/03/19 13:35
m.ts10806

総合スコア80850

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

take4

2019/03/19 13:45

大変ご丁寧にありがとうございます。 しかし、ご教授いただいた方法で行ってみましたがパラメータは 【?s%5B%5D=あいうえお&s%5B%5D=かきくけこ&s%5B%5D=さしすせそ】 この様になってしまいました。。 現在「Search Everything」というプラグインを入れ、 https://webtobira.com/web/893/ こちらのサイトをもとにand検索ができる様にしております。
m.ts10806

2019/03/19 13:52

ん、それはおかしいですね。WordPressの変な仕様があるのでしょうか。 通常のPHPで組んだ場合はパラメータのキーに勝手にURLエンコードがかかることはありえませんが・・。 いずれにしてもactionの送信先でリダイレクトするように作っているのでかなり悪手です。 ボタン押下でJavaScriptでURLパラメータ作ったほうがまだわかりやすいかもしれません。 プラグインを使っていることは結構大事なことなので、質問本文に追記いただけますか? はたまた、プラグイン利用せずに検索を自力実装するか。 http://kotori-blog.com/wordpress/refinement_search/
take4

2019/03/19 14:29

ありがとうございます。 私の技量でどこまでできるかわかりませんが色々試してみます。 プラグインにつきましては質問本文に追記させていただきました。
guest

0

自己解決

かなり強引な方法ですが、一旦表示されたページからJavaScriptでURLを取得&置き換えリロードすることで実現できました。色々とアドバイスいただきありがとうございました。

投稿2019/04/02 06:46

take4

総合スコア39

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問