Решил (почти) следующим образом:
Взял скрипт с Поста №2, и немного его подкорректировал.
<script>
window.onload = function(){
var ins = document.getElementById('RecountForm').getElementsByClassName('inp'),
i = 0;
for(i; i < ins.length; i++){
result = ins[i].value * ins[i].parentNode.previousSibling.childNodes[0].value;
result = result.toFixed(2);
ins[i].parentNode.nextSibling.innerHTML = result;
ins[i].onkeyup = function(){
result = this.value * this.parentNode.previousSibling.childNodes[0].value;
this.parentNode.nextSibling.innerHTML = result.toFixed(2);
}
}
}
</script>
<form id="RecountForm" >
<table>
<tr><th>Наценка</th><th>Базовая Цена</th><th>Цена</th></tr>
<tr><td><input id="n1" type="text" value="22"></td><td><input class="inp" id="cena1" type="text" value="1.5"></td><td id="result1"></td></tr>
<tr><td><input id="n2" type="text" value="23"></td><td><input class="inp" id="cena2" type="text" value="1.3"></td><td id="result2"></td></tr>
<tr><td><input id="n3" type="text" value="24"></td><td><input class="inp" id="cena3" type="text" value="1.1"></td><td id="result3"></td></tr>
<tr><td><input id="n4" type="text" value="25"></td><td><input class="inp" id="cena4" type="text" value="1.2"></td><td id="result4"></td></tr>
</table>
</form>
Как-бы работает. но есть одно
НО!!!
Всё работает если менять данные в столбце
Базовая цена.
Как вызвать функцию перещёта ещё и по изменению в столбце
Наценка?