Javascript 仅计算当前字段未更改的字段

Javascript 仅计算当前字段未更改的字段,javascript,html,forms,Javascript,Html,Forms,我已经尝试了一些方法,但似乎无法做到这一点!我有以下文档(代码如下),它自动计算并添加字段以添加更多数量。但如果更改了数量1(手动),并添加了另一个计算,“更改的数量1”将恢复为第一个计算值。我希望更改后的值保持不变 文件: <script> function calculate(){ for(var i=1; i<=ct; i++){ var currentDiv = document.getElementById(i); var or

我已经尝试了一些方法,但似乎无法做到这一点!我有以下文档(代码如下),它自动计算并添加字段以添加更多数量。但如果更改了数量1(手动),并添加了另一个计算,“更改的数量1”将恢复为第一个计算值。我希望更改后的值保持不变

文件:

<script>
function calculate(){
    for(var i=1; i<=ct; i++){
        var currentDiv = document.getElementById(i);
        var ori_qty = currentDiv.getElementsByTagName('input')[0].value;
        var total = Math.round(ori_qty/0.8);
        currentDiv.getElementsByTagName('input')[1].value = total;
        currentDiv.getElementsByTagName('input')[2].value = total;
    };
}

var ct = 1;
function new_combi(){
    ct++;
    var div1 = document.createElement('div');
    div1.id = ct;
    // link to delete extended form elements
    var delLink = '<div style="text-align:right;margin-right:65px"><a href="javascript:delIt('+ ct +')">Delete</a></div>';
    div1.innerHTML = document.getElementById('var_roo_fields').innerHTML + delLink;
    document.getElementById('addCom').appendChild(div1);
}

function delIt(eleId){
    d = document;
    var ele = d.getElementById(eleId);
    var parentEle = d.getElementById('addCom');
    parentEle.removeChild(ele);
}
</script>

<form id="form1" name="form1" method="post" action="">
    <div id="addCom" style="width:100%">
        <div id="1">
        <table class='table1' width="100%" border="0" cellpadding="0" cellspacing="2">
        <tr>
        <td width="25%" valign="top">Original Quantity</td>
        <td width="27%" valign="top"><input type="text" name="ori_qty[]" onBlur="calculate()" /></td>
        <td width="24%" valign="top">&nbsp;</td>
        <td width="24%" valign="top">&nbsp;</td>
        </tr>
        <tr>
        <td valign="top">Quantity 1</td>
        <td valign="top"><input type="text" name="qty_1[]" id="qty_1[]" />
        </td>
        <td valign="top">Quantity 2</td>
        <td valign="top"><input type="text" name="qty_2[]" id="qty_2[]" /></td>
        </tr>
        </table>
        </div>
    </div>
<a href="javascript:new_combi()">Add Calculation</a>
</form>

<!-- REPEAT FIELDS -->
<div id="var_roo_fields" style="display:none">
<div>
<hr />
<table class='table1' width="100%" border="0" cellpadding="0" cellspacing="2">
    <tr>
    <td width="25%" valign="top">Original Quantity</td>
    <td width="27%" valign="top"><input type="text" name="ori_qty[]" onBlur="calculate()" /></td>
    <td width="24%" valign="top">&nbsp;</td>
    <td width="24%" valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td valign="top">Quantity 1</td>
    <td valign="top"><input type="text" name="qty_1[]" id="qty_1[]" />
    </td>
    <td valign="top">Quantity 2</td>
    <td valign="top"><input type="text" name="qty_2[]" id="qty_2[]" /></td>
    </tr>
</table>
</div>
</div>

函数计算(){

对于(var i=1;i@Bernedette,给出一个
fiddle链接
@ozil the fiddle