前提・実現したいこと

お世話になります。
fc2カートにてショッピングページを運営しております。
チェックボックスによるフィルタ検索機能を追加しようとしたのですが、
上手くいきません。

/?word=の後に、zk+FK+{テキストボックスの語句}とならないと
検索されないようですので、そうなるようにしたいです。

htmlは書き換えられますが、javaは仕様で書き換えられないので、
別ファイルにして読み込ませようと考えております。
アドバイスいただけましたら、お願いいたします。

大元のスクリプトファイルのコードは長すぎてここでは記述できませんが、
必要でしたらご提供いたしますので、ご連絡くださいませ。

発生している問題・エラーメッセージ

https://*****.cart.fc2.com/?word=zakka&word=fuku&word=
となってしまい、うまく検索結果が出てきません。

該当のソースコード

html
1				<li class="search">
2					<form name="form" method="get" action="{search.url}">
3						<input type="checkbox" name="word" value="zakka" />雑貨
4						<input type="checkbox" name="word" value="fuku" />服
5						<input type="text" name="word" value="{search.word}" />
6						<input type="submit" value="検索" class="submit" />
7					</form>
8				</li>

試したこと

<input type="checkbox" name="word" value="zakka" /> のnameを変えたりしましたが、必ず値が&で追加されて、検索されません。 <input>～部分のコードを<fieldset>でまとめてもうまくいきませんでした。

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

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

余計なデータをおくってもいいなら、こんな感じ

javascript
1<script>
2document.addEventListener('submit',function(e){
3  var t=e.target;
4  e.preventDefault();
5  if(t.elements["word"]) t.removeChild(t.elements["word"]);
6  var v=[].map.call(t.elements["w"],function(x){
7    return (x.type=="text" || x.type=="checkbox"&&x.checked)?x.value:"";
8  }).filter(function(x){return x!==""}).join(" ");
9  var word=document.createElement("input");
10  word.type="hidden";
11  word.name="word";
12  word.value=v;
13  t.appendChild(word);
14  t.submit();
15});
16</script>
17<form method="get">
18<input type="checkbox" name="w" value="zakka" />雑貨
19<input type="checkbox" name="w" value="fuku" />服
20<input type="text" name="w" value="あああああ" />
21<input type="submit" value="検索" class="submit" />
22</form>

追記

javascript
1<script>
2document.addEventListener('submit',function(e){
3  var t=e.target;
4  e.preventDefault();
5  var f=document.querySelector('#f0');
6  if(f) f.parentNode.removeChild(f);
7  var v=[].map.call(t.elements["w"],function(x){
8    return (x.type=="text" || x.type=="checkbox"&&x.checked)?x.value:"";
9  }).filter(function(x){return x!==""}).join(" ");
10  var f=document.createElement("form");
11  f.setAttribute("id","f0");
12  f.setAttribute("action",t.getAttribute("action"));
13  f.setAttribute("method",t.getAttribute("method"));
14  f.style.display="none";
15  var word=document.createElement("input");
16  word.type="text";
17  word.name="word";
18  word.value=v;
19  f.appendChild(word);
20  document.querySelector('body').appendChild(f);
21  f.submit();
22});
23</script>
24<form method="get" action="x.php">
25<input type="checkbox" name="w" value="zakka" />雑貨
26<input type="checkbox" name="w" value="fuku" />服
27<input type="text" name="w" value="あああああ" />
28<input type="submit" value="検索" class="submit" />
29</form>