0

我正在开发一个购物车。到目前为止,我已经以表格的形式显示了用户购买的所有产品详细信息。数量字段以下拉列表的形式给出。当用户改变数量时,相应的价格也随之改变。我正在使用 jQuery。我正在调用一个 jQuery 函数并计算价格。但我不知道如何在相应的列上显示结果。这是我的 jQuery 代码。

function get_price(val, price, cnt) {
    var price1 = val * price;
    $('#priceDisplay' + cnt).html(price1);
    return false;
}

cnt是行ID。Val是所选数量的价值,价格是该特定产品的基本价格。现在我试图在我的 html 表中的正确位置显示它。下面提供了 html 表的代码。

foreach( $_SESSION['r'] as $key=>$ar):

$cnt++;
 ?>   <tr>

        <td align="center"><?php echo $ar['Name']?></td>
        <td align="center"><?php echo $ar['Price']?></td>
       <td align="center">
       <select class="myclass" name="qty" id='qty<?php echo $cnt;?>' onChange="get_price(this.value,<?php echo $ar['Price']?>,<?php echo $cnt;?>)">
       <?php for ($i=1; $i<=100; $i++) {
               $y="";
               if( $i==$_SESSION['r'][$key]['Quantity']){
                $y="selected";
                }
                echo "<option ";
                echo "value=\"$i\" ".$y.">", $i, "</option>\n";


            } ?>

       </select>
       </td>

        <?php $x=$x+$ar['Quantity']; ?>

         <td name="price"><span id="priceDisplay<?php echo $cnt;?>"><?php echo $ar['Total']; ?></span></td>

        <input type='hidden' name='id' id="pid" value='<?php echo $ar['Id']; ?>'>
        <input type='hidden' name='price' id="pprice" value='<?php echo $ar['Price'] ?>' class="input">  

*编辑* 这正是我在 FIDDLE 中编辑的内容。请看。

<table>
  <thead>
    <tr>
    <td>Prize</td>
    <td>Quantity</td>
    <td>Value</td>
    </tr>
    </thead>
   <tbody>
    <tr>
    <td>1</td>
    <td>
        <select class="quant">
            <options>
                <option>1</option>
                <option>2</option>
            </options>
        </select>
    </td>
    <td> <span id="val1"></span>

    </td>
</tr>
<tr>
    <td>1</td>
    <td>
        <select class="quant">
            <options>
                <option>1</option>
                <option>2</option>
            </options>
        </select>
    </td>
    <td> <span id="val2"></span>

    </td>
    </tr>
     </tbody>

在这里我需要获取特定行的跨度 ID。该行是动态生成的。我怎样才能得到它?

4

1 回答 1

0

您可以使用

$('#priceDisplay' + cnt, $(this).parents('tr')).html(price1);

类似的小提琴

于 2013-10-31T11:40:56.440 回答