前提・実現したいこと
商品の個数をボタンで増減し、その数字をvalueとしてpostさせたい。
レイアウトは以下を参考にさせていただきました。
https://qiita.com/ki01chi/items/abb986ebc59bc684b4d7
発生している問題・エラーメッセージ
何もいじっていなときは数字を表示させたいので、inputタグのvalueを1としています。
そのため、カウンターは機能しますが、postすると必ずvalueが1になってしまいます。
該当のソースコード
これらはモーダル内で処理しています。
php
1<form method="POST" action="/items"> 2 {{ csrf_field() }} 3 <div class="modal-body"> 4 <div class="container"> 5 <div class="field text-center"> 6 <div class="button" id="down"> 7 <div class="icon mB20"> 8 <span class="icon__mark"></span> 9 </div> 10 </div> 11 <input type="text" name="count" value="1" class="inputtext" id="textbox"> 12 <div class="button" id="up"> 13 <div class="icon icon--plus"> 14 <span class="icon__mark"></span> 15 </div> 16 </div> 17 </div> 18 </div> 19 <div class="button resetbtn" id="reset">RESET</div> 20 </div> 21 <div class="modal-footer"> 22 <button type="button" class="btn btn-secondary" data-dismiss="modal">やめる</button> 23 <button type="submit" class="btn btn-primary" name="clearing" value="{{$item->id}}">購入</button> 24 </div> 25</from> 26 27<script> 28 (() => { 29 const downbutton = document.getElementById('down'); 30 const upbutton = document.getElementById('up'); 31 const text = document.getElementById('textbox'); 32 const reset = document.getElementById('reset'); 33 34 downbutton.addEventListener('click', (event) => { 35 if(text.value >= 2) { 36 text.value--; 37 } 38 }); 39 40 upbutton.addEventListener('click', (event) => { 41 text.value++; 42 }) 43 44 reset.addEventListener('click', (event) => { 45 text.value = 0; 46 }) 47 48 })(); 49</script>
試したこと
初期値のvalue="1"を消してみましたが、nullとしてpostされてしまいました。
補足情報(FW/ツールのバージョンなど)
PHP:7.4 Laravel:8
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。