teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2018/07/13 06:26

投稿

yambejp
yambejp

スコア117914

answer CHANGED
@@ -23,4 +23,37 @@
23
23
  <input type="text" name="w" value="あああああ" />
24
24
  <input type="submit" value="検索" class="submit" />
25
25
  </form>
26
+ ```
27
+
28
+ # 追記
29
+ ```javascript
30
+ <script>
31
+ document.addEventListener('submit',function(e){
32
+ var t=e.target;
33
+ e.preventDefault();
34
+ var f=document.querySelector('#f0');
35
+ if(f) f.parentNode.removeChild(f);
36
+ var v=[].map.call(t.elements["w"],function(x){
37
+ return (x.type=="text" || x.type=="checkbox"&&x.checked)?x.value:"";
38
+ }).filter(function(x){return x!==""}).join(" ");
39
+ var f=document.createElement("form");
40
+ f.setAttribute("id","f0");
41
+ f.setAttribute("action",t.getAttribute("action"));
42
+ f.setAttribute("method",t.getAttribute("method"));
43
+ f.style.display="none";
44
+ var word=document.createElement("input");
45
+ word.type="text";
46
+ word.name="word";
47
+ word.value=v;
48
+ f.appendChild(word);
49
+ document.querySelector('body').appendChild(f);
50
+ f.submit();
51
+ });
52
+ </script>
53
+ <form method="get" action="x.php">
54
+ <input type="checkbox" name="w" value="zakka" />雑貨
55
+ <input type="checkbox" name="w" value="fuku" />服
56
+ <input type="text" name="w" value="あああああ" />
57
+ <input type="submit" value="検索" class="submit" />
58
+ </form>
26
59
  ```