我想要在中间的列表中进行计算，并将这些值存储在最终金额栏

请帮助我对此有所了解。我想要做计算（可以被1000整除的选定值）和Amount与Amount的关系，并且应该存储在第5列中。即产品1 =（100/1000）* 100 = 10我想要在中间的列表中进行计算，并将这些值存储在最终金额栏

这里是我的代码：

<table border="1"> 
<tbody> 
    <tr> 
     <td width="334">S.No.</td> 
     <td width="334">Product Name</td> 
     <td width="334">Amount</td> 
     <td width="334">Grams/Kg</td> 
     <td width="334">Final Amount</td> 
    </tr> 
    <tr align="center"> 
     <td>1</td> 
     <td>Product1</td> 
     <td>100</td> 
     <td> 
      <select id="grams"> 
       <option value=""></option> 
       <option value="100">100g</option> 
       <option value="250">250g</option> 
       <option value="500">500g</option> 
      </select> 
     </td> 
     <td>I want to do calculation (selectedvalue/1000) * Amount, that amount want to reflect here</td> 
    </tr> 
    <tr align="center"> 
     <td>2</td> 
     <td>Product2</td> 
     <td>200</td> 
     <td> 
      <select id="grams"> 
       <option value=""></option> 
       <option value="100">100g</option> 
       <option value="250">250g</option> 
       <option value="500">500g</option> 
      </select> 
     </td> 
     <td>I want to do calculation (selectvalue/1000) * Amount, that amount want to reflect here</td> 
    </tr> 
</tbody>

来源

2013-04-05 KSK

请学会格式，所以......请[阅读常见问题解答（http://stackoverflow.com/editing-help）。任何代码块都应该以4个空格开始。我会为你做的，但有太多了，我没有时间 – freefaller 2013-04-05 12:32:27

这可以帮助你了解如何格式化表来获取值

$(function(){ 
    $('select').change(function(){ 
     var td_id = 'row'+$(this).attr('id'); 
     var val = $(this).val(); 
     var amount = $('.'+td_id+'-amount').html(); 
     $('#'+td_id).html(val/1000*amount); 
    }); 
});

在该示例中，您必须添加一些额外的ids和classes。见Fiddle

（我想你想有2点以上的行。其他的答案可能更容易在你的情况下使用）

来源

2013-04-05 12:58:16 Spokey

非常感谢你的帮助。 – KSK 2013-04-08 04:39:46

首先，你不能有相同的ID两个元素。 ID需要独特。所以你需要改变第二个选择框的ID。

然后，我在td上放置一个id进行计算，并在td上包含金额的id。

<table border="1"> 
<tbody> 
<tr> 
    <td width="334">S.No.</td> 
    <td width="334">Product Name</td> 
    <td width="334">Amount</td> 
    <td width="334">Grams/Kg</td> 
    <td width="334">Final Amount</td> 
</tr> 
<tr align="center"> 
    <td>1</td> 
    <td>Product1</td> 
    <td id="amtFirst">100</td> 
    <td> 
     <select id="grams"> 
      <option value=""></option> 
      <option value="100">100g</option> 
      <option value="250">250g</option> 
      <option value="500">500g</option> 
     </select> 
    </td> 
    <td id="firstCalculation"></td> 
</tr> 
<tr align="center"> 
    <td>2</td> 
    <td>Product2</td> 
    <td id="amtSecond">200</td> 
    <td> 
     <select id="secondGrams"> 
      <option value=""></option> 
      <option value="100">100g</option> 
      <option value="250">250g</option> 
      <option value="500">500g</option> 
     </select> 
    </td> 
    <td id="secondCalculation"></td> 
</tr> 
</tbody>

然后，你需要使用jquery：

//handles the first select box 
$('table').on('change','#grams',function(){ 
    var selection = $(this).val(); 
    var amount = $('#amtFirst').html(); 

    selection = (selection/1000)*amount; 
    $('#firstCalculation').html(selection); 
}); 

//handles the second select box 
$('table').on('change','#secondGrams',function(){ 
    var selection = $(this).val(); 
    var amount = $('#amtSecond').html(); 

    selection = (selection/1000)*amount; 
    $('#secondCalculation').html(selection); 
});

来源

2013-04-05 13:00:10 James

我想要在中间的列表中进行计算，并将这些值存储在最终金额栏

回答

相关问题