ショッピングカートで商品を選択し、
リストその個数を選択する箇所のロジックになります。
Java Script もしくは、JQueryでセレクトボックスから
選択したデータを即時取得するロジックを考えております。
しかしながら、
HTML
1var select = document.getElementById('select-1');
とコーディングした場合には、商品の先頭のデータのみの取得となってしまいます。
以下でも挑戦してみましたが上手くいきませんでした。
HTML
1var select = document.getElementById('select-1').getElementsByClassName('tar'); 2var select =document.querySelectorAll('.tar');
現在、JQueryで以下の実装を行いましたが、上手く行きません。
- 商品毎に数量を取得するロジック(JavaScriptもしくはJQuery)を教えて頂けますと幸いです。
- 式言語の値を変数に代入するロジックも教えて頂けますと幸いです。
お忙しい中恐縮ですが、何卒、宜しくお願い致します。
Java Versionは "11.0.10"となります。
元のソースコード
HTML
1<select data-target="fuga" id="select-1" class="tar" name=" ${data.value.isbn}list"> 2<% int i =0;%> 3<% for ( i = 0; i <= 30; i++) {%> 4<option value="<%= i%>"><%= i%></option><% }%> 5</select>
JQuery
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 2 <script > 3 $(".tar, #select-1, fuga").change(function() { 4 // value値を取得 5 const str1 = $("option:selected").val(); 6 alert(str1); 7 }); 8 </script>