亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Laravel 和 Javascript 購物車數量問題

Laravel 和 Javascript 購物車數量問題

PHP
Helenr 2023-08-19 16:05:39
我正在制作網上商店,但我被困在購物車部分。我想要一個選擇,讓用戶選擇產品的數量。我使用 javascript 來監視所選選項的更改并保存產品的 id,然后發出請求等并更新購物車。我將產品 id 保存為 div 的 id,以便更容易找到變量。我遇到的問題是我的控制臺日志顯示它只選擇購物車上的第一個商品(及其產品 ID),而不選擇購物車的其余產品。這就是觀點@foreach ($products as $product)    <div class="carrito-item" >        <img src="../public/images/{{$product['item']['image']}}" alt="" class="carrito-item__image">        <div class="carrito-item__text">            <div class="carrito__box carrito__box--name">                <p class="carrito-item__name">{{ $product['item']['name'] }}</p>            </div>            <div class="carrito__box carrito__box--qty" id="<?= $id?>">                <p class="carrito-item__cantidad" >x {{ $product['qty'] }}</p>                <select name="qty" id="qty" >                    <option value="1">1</option>                    <option value="2">2</option>                    <option value="3">3</option>                    <option value="4">4</option>                </select>            </div>        </div>    </div>@endforeach這是JS文件 $('select').on('change', function(){    var item=$('#qty').closest(".carrito__box--qty");    var id= item.attr("id");                    console.log(item);    console.log(id);                      });  
查看完整描述

2 回答

?
侃侃無極

TA貢獻2051條經驗 獲得超10個贊

應該:

var item=$(this).closest(".carrito__box--qty");

代替

var item=$('#qty').closest(".carrito__box--qty");


查看完整回答
反對 回復 2023-08-19
?
慕無忌1623718

TA貢獻1744條經驗 獲得超4個贊

#qty您在循環中使用非唯一的 id,這是錯誤的方法。Id屬性應該是唯一的。

在您的 JavaScript 中,您應該使用this引用所選 HTML 對象的關鍵字。變量item則變為:

var?item=$(this).closest(".carrito__box--qty");


查看完整回答
反對 回復 2023-08-19
  • 2 回答
  • 0 關注
  • 143 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號