Question

我有一个小型电子商务网站，目前我必须手动输入新产品到数据库，我正在创建一个简单的管理页面，我可以使用PHP表单输入产品到数据库中。

每个产品都有多个价格，具体取决于客户购买的数量，我使用表单输入创建了一个表，可以使用jquery添加额外的行（每个产品具有不同数量的价格范围）以供PHP循环使用并添加到价格表。

我想要做的是能够输入价格的最小数量，并让jquery根据我的最小数量计算最大数量。

以下是一个例子......

    <table class='table table-bordered price-table'>
      <thead><th>Min Quantity</th><th>Max Quantity</th><th>Prices</th></thead>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="250"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[] value="250""></td>
      </tr>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="500"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[]" value="0.81"></td>
      </tr>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="1000"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[]" value="0.77"></td>
      </tr>

    </table>

所以在这里，我努力想办法让jquery计算最大数量，最后的最大数量是9999999。

提前致谢。

Answer 1

如果我正确理解了你的问题，我猜你想要的是什么。

另请注意，我已在第三个<td>更正了HTML标记。在那里错过了引用，将<tbody>标记添加到表格。

＆＃13;

$(function(){
    var min = []; // collect minquan[] here
    var i =0;
    
    $('.price-table input[name="minquan[]"]').each(function(){
        var value = $(this).val();
        min.push(value-1);
    });
    
    $('.price-table input[name="maxquan[]"]').each(function(){
        i++;
        if(min[i] !== undefined) $(this).val(min[i]);
        else $(this).val(9999999);
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class='table table-bordered price-table'>
      <thead><th>Min Quantity</th><th>Max Quantity</th><th>Prices</th></thead>
    <tbody>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="250"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[]" value="250"></td>
      </tr>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="500"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[]" value="0.81"></td>
      </tr>
      <tr>
        <td><input type="text" class="form-control" name="minquan[]" value="1000"></td>
        <td><input type="text" class="form-control" name="maxquan[]"></td>
        <td><input type="text" class="form-control" name="price[]" value="0.77"></td>
      </tr>
    </tbody>
</table>

＆＃13;

点击Run code snippet，告诉我这是否是你想要的。

jQuery定价表计算

1 个答案: