質問編集履歴
6
前提・実現したいことを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,15 +1,61 @@
|
|
1
|
+
アパレル商品の注文画面を制作中なのですが、分岐をJavascriptで書いています。どこが間違っているのか教えていただきたいです。
|
2
|
+
|
3
|
+
|
4
|
+
|
1
5
|
###前提・実現したいこと
|
2
6
|
|
3
|
-
|
7
|
+
|
4
|
-
|
5
|
-
|
6
|
-
|
8
|
+
|
7
|
-
・カートの仕様上、name属性値は変えられない。
|
9
|
+
・カートの仕様上、name属性値は変えられない。←※重要です※
|
8
10
|
|
9
11
|
・本来はラジオボタンの選択内容によって<select name="selection05">の内容が変わってくる2択でも良いのだが、選択肢が多くなりすぎるため、<select name="selection04">で枝分かれを増やして<select name="selection05">に表示される内容を減らしたいという意図がある。
|
10
12
|
|
11
13
|
|
12
14
|
|
15
|
+
追記:
|
16
|
+
|
17
|
+
ラジオボタン<input name="selection02">はA,Bどちらを選択してもセレクトボックス<select name="selection04">の表示は下記のようにしたいです。valueは数字のみです。
|
18
|
+
|
19
|
+
【36cm】
|
20
|
+
|
21
|
+
【37cm】
|
22
|
+
|
23
|
+
【38cm】
|
24
|
+
|
25
|
+
【39cm】
|
26
|
+
|
27
|
+
【40cm】
|
28
|
+
|
29
|
+
【41cm】
|
30
|
+
|
31
|
+
【42cm】
|
32
|
+
|
33
|
+
【43cm】
|
34
|
+
|
35
|
+
【44cm】
|
36
|
+
|
37
|
+
【45cm】
|
38
|
+
|
39
|
+
|
40
|
+
|
41
|
+
そして<select name="selection05">に表示されるセレクトボックスの内容は、
|
42
|
+
|
43
|
+
ラジオボタンAを選択、<select name="selection04">の36cmを選んだ場合は、下記のようにしたいです。
|
44
|
+
|
45
|
+
【74cm_74cm】
|
46
|
+
|
47
|
+
【76cm_74cm】
|
48
|
+
|
49
|
+
|
50
|
+
|
51
|
+
ラジオボタンBを選択、<select name="selection04">の36cmを選んだ場合は、下記のようにしたいです。
|
52
|
+
|
53
|
+
【74cm_72cm】
|
54
|
+
|
55
|
+
【76cm_72cm】
|
56
|
+
|
57
|
+
|
58
|
+
|
13
59
|
###該当のソースコード
|
14
60
|
|
15
61
|
```ここに言語を入力
|
5
前提・実現したいことを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
|
7
7
|
・カートの仕様上、name属性値は変えられない。
|
8
8
|
|
9
|
-
・ラジオボタンの選択によって<select name="selection05">の内容が変わってくるが、選択肢が多くなりすぎるため、<select name="selection04">で枝分かれを増やして<select name="selection05">に表示される内容を減らしたい
|
9
|
+
・本来はラジオボタンの選択内容によって<select name="selection05">の内容が変わってくる2択でも良いのだが、選択肢が多くなりすぎるため、<select name="selection04">で枝分かれを増やして<select name="selection05">に表示される内容を減らしたいという意図がある。
|
10
10
|
|
11
11
|
|
12
12
|
|
4
前提・実現したいことを修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,10 +1,12 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
+
アパレル商品の注文画面を制作中なのですが、分岐をJavascriptで書いています。どこが間違っているのか教えていただきたいです。
|
4
|
+
|
5
|
+
|
6
|
+
|
3
7
|
・カートの仕様上、name属性値は変えられない。
|
4
8
|
|
5
|
-
・
|
9
|
+
・ラジオボタンの選択によって<select name="selection05">の内容が変わってくるが、選択肢が多くなりすぎるため、<select name="selection04">で枝分かれを増やして<select name="selection05">に表示される内容を減らしたい
|
6
|
-
|
7
|
-
アパレル商品の注文画面を制作中なのですが、分岐をJavascriptで書いています。どこが間違っているのか教えていただきたいです。
|
8
10
|
|
9
11
|
|
10
12
|
|
3
題名を変えました
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【Javascript】ラジオボタンとセレクトボックス2つの分岐で最後のセレクトボックス
|
1
|
+
【Javascript】ラジオボタンとセレクトボックス2つの分岐で最後のセレクトボックスで選択できる内容を変えたいのですが、うまく出来ません。
|
test
CHANGED
File without changes
|
2
タイトルを修正しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【Javascript】ラジオボタン
|
1
|
+
【Javascript】ラジオボタンとセレクトボックス2つの分岐で最後のセレクトボックスに表示される内容を変えたいのですが、うまく出来ません。
|
test
CHANGED
@@ -368,4 +368,4 @@
|
|
368
368
|
|
369
369
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
370
370
|
|
371
|
-
本件に関してはJavascript
|
371
|
+
本件に関してはJavascriptもしくはjQueryでやりたいです。
|
1
試したことを追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,6 +10,8 @@
|
|
10
10
|
|
11
11
|
###該当のソースコード
|
12
12
|
|
13
|
+
```ここに言語を入力
|
14
|
+
|
13
15
|
<script type="text/javascript">
|
14
16
|
|
15
17
|
<!--
|
@@ -344,6 +346,8 @@
|
|
344
346
|
|
345
347
|
</form>
|
346
348
|
|
349
|
+
```
|
350
|
+
|
347
351
|
|
348
352
|
|
349
353
|
###試したこと
|
@@ -352,6 +356,16 @@
|
|
352
356
|
|
353
357
|
|
354
358
|
|
359
|
+
追記:
|
360
|
+
|
361
|
+
上記の記述だとラジオボタンでの表示非表示は出来ましたが、<select name="selection05">が空欄のままで何も選べない状態になります。
|
362
|
+
|
363
|
+
|
364
|
+
|
365
|
+
関数typeChangeAとtypeChangeBにあたる<select>のname属性をそれぞれ別の値に変えて試したりしましたが、本来<select name="selection05">に表示させたい内容が<select name="selection04">に書き換えられたり、JSで命令したdisplay:noneが効かなくなったりとどうやっても出来ませんでした。恥ずかしながらJSの基礎も殆ど分からない初心者ですので、これ以上、上手に説明が出来ません。大変恐縮ですが、よろしくお願いいたします。
|
366
|
+
|
367
|
+
|
368
|
+
|
355
369
|
###補足情報(言語/FW/ツール等のバージョンなど)
|
356
370
|
|
357
371
|
本件に関してはJavascriptのみでやりたいです。
|