質問編集履歴
1
Markdown記法への変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,13 +4,16 @@
|
|
|
4
4
|
Java Script もしくは、JQueryでセレクトボックスから
|
|
5
5
|
選択したデータを即時取得するロジックを考えております。
|
|
6
6
|
しかしながら、
|
|
7
|
+
```HTML
|
|
7
8
|
var select = document.getElementById('select-1');
|
|
9
|
+
```
|
|
8
10
|
とコーディングした場合には、商品の先頭のデータのみの取得となってしまいます。
|
|
9
11
|
|
|
10
12
|
以下でも挑戦してみましたが上手くいきませんでした。
|
|
13
|
+
```HTML
|
|
11
14
|
var select = document.getElementById('select-1').getElementsByClassName('tar');
|
|
12
15
|
var select =document.querySelectorAll('.tar');
|
|
13
|
-
|
|
16
|
+
```
|
|
14
17
|
現在、JQueryで以下の実装を行いましたが、上手く行きません。
|
|
15
18
|
|
|
16
19
|
- 商品毎に数量を取得するロジック(JavaScriptもしくはJQuery)を教えて頂けますと幸いです。
|
|
@@ -21,13 +24,15 @@
|
|
|
21
24
|
|
|
22
25
|
元のソースコード
|
|
23
26
|
|
|
27
|
+
```HTML
|
|
24
28
|
<select data-target="fuga" id="select-1" class="tar" name=" ${data.value.isbn}list">
|
|
25
29
|
<% int i =0;%>
|
|
26
30
|
<% for ( i = 0; i <= 30; i++) {%>
|
|
27
31
|
<option value="<%= i%>"><%= i%></option><% }%>
|
|
28
32
|
</select>
|
|
33
|
+
```
|
|
29
34
|
|
|
30
|
-
JQuery
|
|
35
|
+
```JQuery
|
|
31
36
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
|
32
37
|
<script >
|
|
33
38
|
$(".tar, #select-1, fuga").change(function() {
|
|
@@ -35,4 +40,5 @@
|
|
|
35
40
|
const str1 = $("option:selected").val();
|
|
36
41
|
alert(str1);
|
|
37
42
|
});
|
|
38
|
-
</script>
|
|
43
|
+
</script>
|
|
44
|
+
```
|