八百屋の注文を管理するシステムを作成しています。
複数のフォームからそれぞれを区別して値を取得するにはどうすればよいかわからず迷っています。
どのようにすればそれぞれのフォームを区別して値を取得することができるのでしょうか?
html
1<div class="menu-content"> 2 <img src="images/chingen.jpg" alt=""> 3 <p class="menu-name">チンゲンサイ</p> 4 <p class="menu-price">800円</p> 5 <form method="get" name="order"> 6 <input type="number" id="orderLot1" class="order_lot" list="list"> 7 8 <datalist id="list"> 9 <option value="1"></option> 10 <option value="2"></option> 11 <option value="3"></option> 12 <option value="4"></option> 13 <option value="5"></option> 14 </datalist> 15 <input type="hidden" name="menu_name" value="チンゲンサイ"> 16 <input type="hidden" name="menu_price" value="800"> 17 <input type="button" onclick="chumon();"> 18 </form> 19 </div> 20 21 <div class="menu-content"> 22 <img src="images/melon.jpg" alt=""> 23 <p class="menu-name">メロン</p> 24 <p class="menu-price">800円</p> 25 <form method="get" name="order"> 26 <input type="number" id="orderLot2" class="order_lot" list="list"> 27 28 <datalist id="list"> 29 <option value="1"></option> 30 <option value="2"></option> 31 <option value="3"></option> 32 <option value="4"></option> 33 <option value="5"></option> 34 </datalist> 35 <input type="hidden" name="menu_name" value="メロン"> 36 <input type="hidden" name="menu_price" value="800"> 37 <input type="button" name="confirm" value="注文する" onclick="chumon('orderLot2');"> 38 </form> 39 </div> 40 41 <div class="menu-content"> 42 <img src="images/mango.jpg" alt=""> 43 <p class="menu-name">マンゴー</p> 44 <p class="menu-price">800円</p> 45 <form method="get" name="order"> 46 <input type="number" id="orderLot3" class="order_lot" list="list"> 47 48 <datalist id="list"> 49 <option value="1"></option> 50 <option value="2"></option> 51 <option value="3"></option> 52 <option value="4"></option> 53 <option value="5"></option> 54 </datalist> 55 <input type="hidden" name="menu_name" value="マンゴー"> 56 <input type="hidden" name="menu_price" value="800"> 57 <input type="button" name="confirm" value="注文する" onclick="chumon('orderLot3');"> 58 </form> 59 </div>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/25 08:27
2020/04/25 08:38