質問編集履歴
5
一部間違い修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -171,7 +171,6 @@
|
|
|
171
171
|
<option value="43">D</option>
|
|
172
172
|
<option value="42">E</option>
|
|
173
173
|
</select>
|
|
174
|
-
</select>
|
|
175
174
|
</div>
|
|
176
175
|
|
|
177
176
|
|
4
解決したコード
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -124,4 +124,82 @@
|
|
|
124
124
|
|
|
125
125
|
HTML
|
|
126
126
|
CSS
|
|
127
|
-
JS
|
|
127
|
+
JS
|
|
128
|
+
|
|
129
|
+
### 結果
|
|
130
|
+
|
|
131
|
+
```HTML&JS
|
|
132
|
+
|
|
133
|
+
<html>
|
|
134
|
+
|
|
135
|
+
<form id="form" action="https://〜" class="form-inline" method="post">
|
|
136
|
+
|
|
137
|
+
<input type="hidden" name="is_multiple_item" id="is_multiple_item" value="true" />
|
|
138
|
+
<input type="hidden" name="items[0]id" id="id1" value="60" />
|
|
139
|
+
<input type="hidden" name="items[0]cart_item_type" value="single_product" />
|
|
140
|
+
|
|
141
|
+
<div class="form-group">
|
|
142
|
+
<select name="items[0]option_values[0][id]" id="option_values_0_id">
|
|
143
|
+
<option value="415">テスト1</option>
|
|
144
|
+
<option value="416">テスト2</option>
|
|
145
|
+
<option value="417">テスト3</option>
|
|
146
|
+
</select>
|
|
147
|
+
</div>
|
|
148
|
+
|
|
149
|
+
<div>個数
|
|
150
|
+
<select name="items[0]quantity" id="quantity1" class="form-control custom_quantity">
|
|
151
|
+
<option value="1">1</option>
|
|
152
|
+
<option value="2">2</option>
|
|
153
|
+
<option value="3">3</option>
|
|
154
|
+
<option value="4">4</option>
|
|
155
|
+
<option value="5">5</option>
|
|
156
|
+
</select>
|
|
157
|
+
</div>
|
|
158
|
+
|
|
159
|
+
<input type="hidden" name="items[1]cart_item_type" value="regular_course" />
|
|
160
|
+
<input type="hidden" name="items[1]id" id="id" value="16" />
|
|
161
|
+
<input type="hidden" name="items[1]products[][variant_id]" value="" />
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
<div class="form-group">
|
|
166
|
+
|
|
167
|
+
<select name="items[1]option_values[1][id]" id="option_values_1_id">
|
|
168
|
+
<option value="679">A</option>
|
|
169
|
+
<option value="481">B</option>
|
|
170
|
+
<option value="44">C</option>
|
|
171
|
+
<option value="43">D</option>
|
|
172
|
+
<option value="42">E</option>
|
|
173
|
+
</select>
|
|
174
|
+
</select>
|
|
175
|
+
</div>
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
<div>個数
|
|
179
|
+
<select name="items[1]quantity" id="quantity" class="form-control">
|
|
180
|
+
<option value="1">1</option>
|
|
181
|
+
<option value="2">2</option>
|
|
182
|
+
<option value="3">3</option>
|
|
183
|
+
<option value="4">4</option>
|
|
184
|
+
<option value="5">5</option>
|
|
185
|
+
</select>
|
|
186
|
+
</div>
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
<button name="button" type="submit" class="btn btn-primary">購入する</button>
|
|
190
|
+
<script>
|
|
191
|
+
const input = document.getElementsByTagName("input")[5];
|
|
192
|
+
const select = document.getElementById("option_values_1_id");
|
|
193
|
+
|
|
194
|
+
input.value = select.value;
|
|
195
|
+
console.log(input.value);
|
|
196
|
+
|
|
197
|
+
select.addEventListener("change", () => {
|
|
198
|
+
input.value = select.value;
|
|
199
|
+
console.log(input.value);
|
|
200
|
+
});
|
|
201
|
+
</script>
|
|
202
|
+
</form>
|
|
203
|
+
|
|
204
|
+
</html>
|
|
205
|
+
```
|
3
画像添付
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -116,6 +116,12 @@
|
|
|
116
116
|
|
|
117
117
|
|
|
118
118
|
### 補足情報（FW/ツールのバージョンなど）
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
画像のように、赤枠部分に値が入っていない....
|
|
122
|
+
ここに値が入ればうまくいくはず...
|
|
123
|
+
|
|
124
|
+
|
|
119
125
|
HTML
|
|
120
126
|
CSS
|
|
121
127
|
JS
|
2
どこが影響しているかわからないので、割愛してたソースコード追記。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -16,8 +16,28 @@
|
|
|
16
16
|
|
|
17
17
|
<form id="form" action="https://~~~~" class="form-inline" method="post">
|
|
18
18
|
|
|
19
|
+
<input type="hidden" name="is_multiple_item" id="is_multiple_item" value="true" />
|
|
19
|
-
|
|
20
|
+
<input type="hidden" name="items[0]id" id="id" value="60" />
|
|
21
|
+
<input type="hidden" name="items[0]cart_item_type" value="single_product" />
|
|
20
22
|
|
|
23
|
+
<div class="form-group">
|
|
24
|
+
<select name="items[0]option_values[0][id]" id="option_values_0_id">
|
|
25
|
+
<option value="415">テスト1</option>
|
|
26
|
+
<option value="416">テスト2</option>
|
|
27
|
+
<option value="417">テスト3</option>
|
|
28
|
+
</select>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<div>個数
|
|
32
|
+
<select name="items[0]quantity" id="quantity" class="form-control custom_quantity">
|
|
33
|
+
<option value="1">1</option>
|
|
34
|
+
<option value="2">2</option>
|
|
35
|
+
<option value="3">3</option>
|
|
36
|
+
<option value="4">4</option>
|
|
37
|
+
<option value="5">5</option>
|
|
38
|
+
</select>
|
|
39
|
+
</div>
|
|
40
|
+
|
|
21
41
|
<input type="hidden" name="items[1]cart_item_type" value="regular_course" />
|
|
22
42
|
<input type="hidden" name="items[1]id" id="id" value="16" />
|
|
23
43
|
<input type="hidden" name="items[1]products[][variant_id]" value="" />
|
1
追記してみたが..
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -73,6 +73,28 @@
|
|
|
73
73
|
|
|
74
74
|
よくわからないまま、上記二点を試したが、おそらくこれは、値を取得するだけ,,,?
|
|
75
75
|
|
|
76
|
+
|
|
77
|
+
以下追加してみてもダメ...
|
|
78
|
+
```
|
|
79
|
+
<script type="text/javascript">
|
|
80
|
+
<!--
|
|
81
|
+
window.onload = function () {
|
|
82
|
+
//@cc_on
|
|
83
|
+
document./*@if (1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/
|
|
84
|
+
'change', function (evt) {
|
|
85
|
+
var e = evt./*@if (@_jscript) srcElement @else@*/ target /*@end@*/;
|
|
86
|
+
if (e.type=="select-one" && e.name=="items[1]option_values[1][id]"){
|
|
87
|
+
alert(e.value);
|
|
88
|
+
var elements = document.getElementsByName("items[1]products[][variant_id]");
|
|
89
|
+
elements[0].value=e.value;
|
|
90
|
+
}
|
|
91
|
+
}, true);
|
|
92
|
+
}
|
|
93
|
+
// -->
|
|
94
|
+
</script>
|
|
95
|
+
```
|
|
96
|
+
|
|
97
|
+
|
|
76
98
|
### 補足情報（FW/ツールのバージョンなど）
|
|
77
99
|
HTML
|
|
78
100
|
CSS
|