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

回答編集履歴

1

追記

2020/10/27 01:11

投稿

Jon_do
Jon_do

スコア1373

answer CHANGED
@@ -38,4 +38,80 @@
38
38
  </body>
39
39
 
40
40
  </html>
41
+ ```
42
+
43
+ 追記
44
+
45
+ ```html
46
+ <html>
47
+
48
+ <form id="form" action="https://~~~~" class="form-inline" method="post">
49
+
50
+ <input type="hidden" name="is_multiple_item" id="is_multiple_item" value="true" />
51
+ <input type="hidden" name="items[0]id" id="id" value="60" />
52
+ <input type="hidden" name="items[0]cart_item_type" value="single_product" />
53
+
54
+ <div class="form-group">
55
+ <select name="items[0]option_values[0][id]" id="option_values_0_id">
56
+ <option value="415">テスト1</option>
57
+ <option value="416">テスト2</option>
58
+ <option value="417">テスト3</option>
59
+ </select>
60
+ </div>
61
+
62
+ <div>個数
63
+ <select name="items[0]quantity" id="quantity1" class="form-control custom_quantity">
64
+ <option value="1">1</option>
65
+ <option value="2">2</option>
66
+ <option value="3">3</option>
67
+ <option value="4">4</option>
68
+ <option value="5">5</option>
69
+ </select>
70
+ </div>
71
+
72
+ <input type="hidden" name="items[1]cart_item_type" value="regular_course" />
73
+ <input type="hidden" name="items[1]id" id="id1" value="16" />
74
+ <input type="hidden" name="items[1]products[][variant_id]" value="" />
75
+
76
+
77
+
78
+ <div class="form-group">
79
+
80
+ <select name="items[1]option_values[1][id]" id="test">
81
+ <option value="679">A</option>
82
+ <option value="481">B</option>
83
+ <option value="44">C</option>
84
+ <option value="43">D</option>
85
+ <option value="42">E</option>
86
+ </select>
87
+ </div>
88
+
89
+
90
+ <div>個数
91
+ <select name="items[1]quantity" id="quantity" class="form-control">
92
+ <option value="1">1</option>
93
+ <option value="2">2</option>
94
+ <option value="3">3</option>
95
+ <option value="4">4</option>
96
+ <option value="5">5</option>
97
+ </select>
98
+ </div>
99
+
100
+
101
+ <button name="button" type="submit" class="btn btn-primary">購入する</button>
102
+ <script>
103
+ const input = document.getElementsByTagName("input")[5];
104
+ const select = document.getElementById("test");
105
+
106
+ input.value = select.value;
107
+ console.log(input.value);
108
+
109
+ select.addEventListener("change", () => {
110
+ input.value = select.value;
111
+ console.log(input.value);
112
+ });
113
+ </script>
114
+ </form>
115
+
116
+ </html>
41
117
  ```