検索フォームで複数のname="s"をまとめたい

Question

前提・実現したいこと

ワードプレス（素材サイト）で、絞り込み検索フォームを作っています。
項目としては、下記のとおりです。
●キーワード
●カテゴリ１（セレクトボックス。jquery.hierselect.jsを使用し、カテゴリ１で選んだ子カテゴリーをカテゴリ２、カテゴリ２で選んだ子カテゴリーをカテゴリ３に自動で表示しています）
●カテゴリ２（セレクトボックス）
●カテゴリ３（セレクトボックス）
●シリーズ
タグ（チェックボックス、AND検索）
キーワード（チェックボックス、AND検索）

●がついている項目にhtmlでname="s"が入っています。
この状態で検索結果を表示すると、うまく機能せず関係ない記事が出てきてしまいます。
検索結果のURLは下記のとおりです。
サイトURL?s=安い&ｓ=食べ物&ｓ=フルーツ&ｓ=りんご&s=ふじ&and-or=AND&tag%5B%5D=aomori&tag%5B%5D=iwate&and-or=AND&s=赤い&s=まるい
このように、s=が別々になるとうまく機能しなくなっているようです。(タグだけの検索は大丈夫でした)
試しにs=に+またはスペースで１つにまとめるとうまくいきました。

s=にまとめる方法、またはそれ以外で解決できる方法をご存知のかたがいらっしゃいましたら
ご教授いただけないでしょうか。
初心者のため何かとおかしな箇所があるかもしれませんがお許しください。
どうぞよろしくお願いいたします。

該当のソースコード

<form role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>"　id="form">
<input type="text" name="s" list="keyword-list" placeholder="キーワードを入力してください" id="key">

<div>カテゴリ１</div>
<select id="parent" data-hier-target="#child" data-hier-name="parent-id" name="ｓ">
<option value="食べ物">食べ物</option>
<option value="その他">その他</option>
</select>


<div>カテゴリ２</div>
<select id="child" data-hier-target="#child2" data-hier-name="parent-id2" name="ｓ">
<option value="フルーツ" data-parent-id="食べ物">フルーツ</option>
<option value="やさい" data-parent-id="食べ物">やさい</option>
<option value="スプーン" data-parent-id="その他">スプーン</option>
</select>

<div>カテゴリ３</div>
<select id="child2" data-hier-target="#child3" data-hier-name="parent-id3" name="ｓ">
<option value="りんご" data-parent-id2="フルーツ">りんご</option>
<option value="トマト" data-parent-id2="やさい">トマト</option>
</select>

<div>シリーズ</div>
<!-- child -->
<select id="child3" name="s">
<option value="ふじ" data-parent-id3="りんご">ふじ</option>
<option value="ミニトマト" data-parent-id3="トマト">ミニトマト</option>
</select>

<div>タグ</div>
<select name="and-or" id="select-and-or">
<option value="AND">[AND] チェックした全てのタグを含む</option>
<option value="OR">[OR] 以下のどれかのタグを含む</option>
</select>

<div>
<?php
$tags = get_terms( 'post_tag' );
$checkboxes = '';
foreach($tags as $tag) :
$checkboxes .='<input type="checkbox" name="tag[]" value="'.$tag -> slug.'" id="tag-'.$tag->term_id.'" /><label for="tag-'.$tag->term_id.'">'.$tag->name.'</label>'.'&nbsp;';
endforeach;
print $checkboxes;
?>
</div>

<div>チェックボックス　キーワード</div>
<select name="and-or" id="select-and-or">
<option value="AND">[AND] チェックした全てのタグを含む</option>
<option value="OR">[OR] 以下のどれかのタグを含む</option>
</select>
<label><input type="checkbox" name="s" value="赤い">赤い</label>
<label><input type="checkbox" name="s" value="まるい">まるい</label>

<p><input type="submit" value="検索"></p>
</form>

補足情報（FW/ツールのバージョンなど）

WordPress バージョン 4.9.6–ja

Comments

[退会済みユーザー]

sが全角文字になっているようだけど、質問用に一括で置き換えしたときのミスかな？

[wpmaterialsite]

正しくは半角のsです。失礼しました。

Answer 1

仕様によりますがgetでsというキーを羅列しても
受け側としては難しいでしょうね
name="s[]"として、受け側で配列として受け取るわけにはいきませんか？

Comments

[wpmaterialsite]

ご回答ありがとうございます。
name="s[]"にするとして、受け側にはどのように記載すればよいのでしょうか？

[unorigino]

yambejpさんじゃありませんが、、
name="s[]"にすると、$_GET["s"]の中身が配列になって受け取れます。

そもそも何故sで統一する必要があるのでしょう？

[wpmaterialsite]

ご回答ありがとうございました。
あれからname="s[]"にしたり、いろいろ試しましたがうまくいきませんでした。
sでなくても良いのですが、上記に記載しているようにsで手動でまとめたときのみうまくいきましたのでsでまとめたいとしました。

Answer 2

htmlのnameの基本的ルールなのですが下記を参照してください。

HTML5 & CSS3 リファレンス name属性 - 要素の名前

[3] input 要素 で，
入力コントロールの名前 を指定します。　フォームのデータが送信されるときには，この名前とデータがセットになっており，サーバー側でどのコントロールのデータかを特定するために使われます。

同じ名前だと、サーバー側でどのコントロールか分からなくなってしまうので、通常は一意な名前を用います。
※カテゴリ１ならcategory_1、シリーズならseries等

どうしても同じ名前にしたい場合は、配列にするのですが、その場合、どのコンロトールか分かる様に、
配列の中身も考慮する必要が出てきます。

Comments

[wpmaterialsite]

ご回答ありがとうございました。遅くなり申し訳ありません。
配列や、name="series"等でもうまくいきませんでした。
今回は諦めようかと思います。ありがとうございました。

[raichi]

恐らく

<select id="child1" name="series">
～
</select>
<select id="child2" name="series">
～
</select>
<select id="child3" name="series">
～
</select>

のようにしてしまったのではないかと推察しますが、
サーバー側ではseriesは一つしか受け取れないので
phpの値を入れる感じで書いていくと…
id="child1"のselectの選択したものが初めに設定された後、
series = id="child1"の値
id="child2"を更にサーバー側で受け取り
series = id="child2"の値
最後にid="child3"で上書く感じになるイメージです。
series = id="child3"の値

最終的にseriesの値は最後のものになるって感じになっている…という状況かと思います。

idを一意にしないと不味いと理解されているようですので、nameも基本的に同じだと理解されたほうがよろしいかと思います。

[wpmaterialsite]

上書きに関しては承知していますが、idを一意にする・しないが結果に影響を及ぼすのでしょうか。
一意にしなければ、結果は望んだ通りになるのでしょうか。
ダメ元で試してみます。