Dropdown in loop只能從foreach循環獲取第一項值php/ajax

Question

我在我的購物車中獲得了兩個產品下拉菜單。 所有產品都存儲在foreach循環中的會話中。 但我的下拉菜單僅適用於循環中的第一個產品。 例如：如果我的購物車中有2件產品，則fisrt產品行將獲得基於這兩個dorpdowns的成本。 ，但第二個產品從第一個下拉菜單獲得相同的成本。 有人可以告訴我如何解決這個問題。

我在checkout.php腳本

$(document).ready(function() { 

    $('.fabric, .size').on('change', sendData); 

    function sendData() { 
     var fabricID = $('.fabric').val(); 
     var sizeID = $('.size').val(); 
     var cost = $(this).attr('data-id'); 
     if (fabricID !== "" && sizeID !== "") { 
      $.ajax({ 
       type  : 'GET', 
       url  : 'calculates.php', 
       dataType : 'json', 
       data  : { 
        prod_id:cost, 
        fabric_id: fabricID, 
        size_id: sizeID 
       } 
      }).done(function(data) { 
       $('.icms' + cost).text(data.val); 

      }); 
     } 
    } 
}); 

我在cart.php

function cart(){ 
    global $conn; 


    $fabric_options = '<option>Select Fabric</option>'; 
    $query2 = "SELECT * FROM almofadas"; 
    $result = mysqli_query($conn,$query2); 
    while($rows = mysqli_fetch_assoc($result)){ 

     $tecido=$rows['tecido']; 
     $id_price=$rows['id_price']; 
     $t50='50'; 
     $t45='45'; 

     $fabric_options .= '<option value="'.$id_price.'">'.$tecido.'</option>'; 
    } 

    if(!isset($_SESSION['icms'])) { 
     $_SESSION['icms']='0'; 
    }else{ 
     $_SESSION['icms']; 
    } 

    foreach ($_SESSION as $name => $value) { 
     if($value > 0){ 
      if(substr($name, 0, 8) == "product_"){ 
       $length = strlen($name) -8; 
       $item_id = substr($name,8 , $length); 

       $query = "SELECT * 
          FROM gallery2 
          WHERE gallery2.id =".escape_string($item_id). ""; 
       $run_item = mysqli_query($conn,$query); 
       while($rows = mysqli_fetch_assoc($run_item)){ 
        $vari = $rows['variante']; 
        $num = $rows['title']; 
        $id  = $rows['id']; 

        $btn_add ='<button type="button" class="btn btn-success actions plus" data-action="plus" product_id="'.$id.'"><i class="fa fa-plus fa-lg" aria-hidden="true" add_btn></i></button>'; 

        $btn_remove ='<button type="button" class="btn btn-warning actions less" data-action="remove" product_id="'.$id.'"><i class="fa fa-minus fa-lg" aria-hidden="true" remove_btn></i></button>'; 

        $btn_delete ='<button type="button" class="btn btn-default actions" data-action="delete" product_id="'.$id.'" onclick="deleteRow(this)"><i class="fa fa-times fa-lg" aria-hidden="true"></i></button>'; 

        if($rows['variante'] < 1){ 
         $vari=""; 
        }else{ 
         $vari = "-".$rows['variante']; 
        } 

        $product = ' 
     <tr> 
      <td style="width:100px; "><img src="../'.$rows['image'].'" style="width:90%;border: 1px solid black;"></td> 
      <td>'.$num.''.$vari.'</td> 
      <td style="width:15%;"> 
       <select name="fabric" class="fabric select form-control selectpicker" required="" data-id="'.$id.'"> 
       '. $fabric_options . ' 
       </select> 
      </td> 

      <td> 
       <select data-id="'.$id.'" class="select size form-control selectpicker" required style="width:80%;" > 
       <option>Select size</option> 
       <option value="'.$t50.'">50x'.$t50.'</option> 
       <option value="'.$t45.'">45x'.$t45.'</option> 

       </select> 
      </td> 
      <td class="product'.$id.'">'.$value.'</td> 
      <td class="icms">R$: '.$_SESSION['icms'].'</td> 
      <td class="total'.$id.'" data-id="'.$id.'">R$: '.$value * $_SESSION['icms'] .' </td> 
      <td> 
      '.$btn_add.' '.$btn_remove.' '.$btn_delete.' 
      </td> 
     </tr>'; 
     echo $product; 

     } 
     } 
    } 
    } 
} 

PHP foreach循環，這是我的計算是由..

calculates.php

<?php header('Content-Type: application/json'); 

include_once '../incluedes/conn_cms.php'; //session allways start here 

if(isset($_GET["size_id"],$_GET["fabric_id"],$_GET['prod_id'])){ 
    $size_id=$_GET["size_id"] ; 
    $fabric_id=$_GET["fabric_id"] ; 
    $prod = $_GET['prod_id']; 
    $prodname = 'product_'.$prod; 

    $query3 =" SELECT * FROM valores_almofadas WHERE size='$size_id' AND price_id ='$fabric_id'"; 

    $result = mysqli_query($conn,$query3); 
    while($rows = mysqli_fetch_assoc($result)){ 

     if($_SESSION['estado'] == 'SP'){ 
      $ICMS = $rows['icms_7']; 
     }else{ 
      $ICMS = $rows['icms_12']; 
     } 
     $_SESSION['icms']=$ICMS; 

    } 
    echo json_encode($_SESSION['icms']); 
} 

我如何讓我的下拉菜單工作成爲foreach產品？

Answer 1

問題是var fabricID = $(".fabric").val()正在從它找到的第一個元素中選擇值與fabric類。這將是每次都是相同的元素（第一個元素），而不管該頁面上存在多少個元素。

您需要從正確的元素中選擇值。這是因爲您需要同時發送結構和大小值這一事實稍微棘手。幸運的是，您在<select>元素上獲得了行ID作爲數據屬性，因此我們可以使用它來匹配它們。

$(document).ready(function() { 

    $('.fabric, .size').on('change', sendData); 

    function sendData() { 
    //use the data-id attribute of the selected element to match the correct elements 
    var id = $(this).data("id"); 
    var fabricID = $('.fabric[data-id=' + id + ']').val(); 
    var sizeID = $('.size[data-id=' + id + ']').val(); 

    if (fabricID !== "" && sizeID !== "") { 
     $.ajax({ 
      type  : 'GET', 
      url  : 'calculates.php', 
      dataType : 'json', 
      data  : { 
       prod_id:id, 
       fabric_id: fabricID, 
       size_id: sizeID 
      } 
     }).done(function(data) { 
      $('.icms' + id).text(data.val); 

     }); 
     } 
    } 
});