回答編集履歴

4

調整

2023/10/24 10:00

投稿

yambejp
yambejp

スコア117674

test CHANGED
@@ -1,3 +1,48 @@
1
1
  実際に動作をさせてそれをエミュレートするだけで実現可能でしょう。
2
2
  クライアントのjsでは実装は厳しいかもしれないので、サーバーサイドのクローラを使うか場合によってはヘッドレスchromeなどで実装してください
3
3
  前のお伝えしたかもしれませんが、接続先がAPIを公開しているならそれに合わせた仕様を設定するとよいでしょう
4
+
5
+ # 参考
6
+ ```javascript
7
+ <script>
8
+ window.addEventListener("DOMContentLoaded", () => {
9
+ document.querySelector("#btn").addEventListener("click", e => {
10
+ let url = "https://サンプル/";
11
+ var s = [...document.querySelectorAll('select')]
12
+ .filter(x =>x.value)
13
+ .map(x => x.value)
14
+ .join('/');
15
+ var view = document.querySelector('#view');
16
+ view.href = view.textContent = url + s;
17
+ });
18
+ });
19
+ </script>
20
+ <select name="haba">
21
+ <option value="">タイヤの幅</option>
22
+ <option value="90">90</option>
23
+ <option value="100">100</option>
24
+ <option value="110">110</option>
25
+ </select>
26
+
27
+ <select name="henpei">
28
+ <option value="">扁平率</option>
29
+ <option value="20">20</option>
30
+ <option value="30">30</option>
31
+ <option value="40">40</option>
32
+ </select>
33
+
34
+ <select name="inch">
35
+ <option value="">インチ</option>
36
+ <option value="I1">10</option>
37
+ <option value="I2">11</option>
38
+ <option value="I3">12</option>
39
+ </select>
40
+
41
+ <div class="l-flex">
42
+ <button value="◆^◆C◆◆" id="btn">検索する</button>
43
+ <a id="view"></a>
44
+ </div>
45
+ ```
46
+ ボタンのvalueはどうしたいのかわからないのでそのままにしてあります
47
+
48
+

3

調整

2023/10/24 04:34

投稿

yambejp
yambejp

スコア117674

test CHANGED
@@ -1,4 +1,3 @@
1
1
  実際に動作をさせてそれをエミュレートするだけで実現可能でしょう。
2
- クライアントのjsでは実装は厳しいかもしれないので、サーバーサイドのクローラを使うか
2
+ クライアントのjsでは実装は厳しいかもしれないので、サーバーサイドのクローラを使うか場合によってはヘッドレスchromeなどで実装してください
3
- ってはヘッドレスchromeなど実装てください
3
+ 前のお伝えしたかもしれませんが、接続先がAPIを公開しているならそれにわせた仕様を設定するとでしょう
4
-

2

調整

2023/10/24 04:34

投稿

yambejp
yambejp

スコア117674

test CHANGED
@@ -1,3 +1,4 @@
1
1
  実際に動作をさせてそれをエミュレートするだけで実現可能でしょう。
2
+ クライアントのjsでは実装は厳しいかもしれないので、サーバーサイドのクローラを使うか
2
3
  場合によってはヘッドレスchromeなどで実装してください
3
4
 

1

調整

2023/10/24 04:33

投稿

yambejp
yambejp

スコア117674

test CHANGED
@@ -1,2 +1,3 @@
1
1
  実際に動作をさせてそれをエミュレートするだけで実現可能でしょう。
2
+ 場合によってはヘッドレスchromeなどで実装してください
2
3