Javascript 仅计算当前字段未更改的字段
我已经尝试了一些方法,但似乎无法做到这一点!我有以下文档(代码如下),它自动计算并添加字段以添加更多数量。但如果更改了数量1(手动),并添加了另一个计算,“更改的数量1”将恢复为第一个计算值。我希望更改后的值保持不变 文件: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
<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"> </td>
<td width="24%" valign="top"> </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"> </td>
<td width="24%" valign="top"> </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