Witam!
Mam tabelę w html. Ma ona kilka kolumn i początkowo tylko jeden prawie pusty wiersz, ale użytkownik może przy pomocy przycisku dodać/usunąć ich dowolną ilość(tylko pierwszy zawsze zostaje - zabieg celowy).
Kilka pierwszych pól w wierszu uzupełnia użytkownik a kilka ostatnich skrypt jQuery.
Skrypt ma za zadanie pobrać dane podane przez użytkownika i na ich podstawie dokonać obliczeń a wyniki wpisać do odpowiednich pól tabeli i dwóch dodatkowych.
Niestety dane wczytywane są od razu tylko z pierwszego wiersza a z kolejnych dopiero kiedy coś zmienimy w pierwszym wierszu albo wypełnimy najpierw drugi a potem pierwszy.
Myślę, że problem tkwi gdzieś w wyzwalaniu zdarzeń.
Proszę o pomoc
Tabela html, dwa dodatkowe pola i jedno pomocnicze(dpchc - tutaj zwiększamy lub zmniejszamy liczbę w zależności od tego czy dodaliśmy czy usunęliśmy wiersz) :
<table name="table" id="table_rach" border="1" style="color:1c4e93; position:absolute; z-index: 4; top:120px; left:100px; border-bottom:none; height:auto;">
<thead>
<tr><!--<form method = "post" >-->
<th class = "th"><input type="hidden" name="lp" value="lp" /><input type="button" value="Lp" name="id_user" class="btn btn-default btn-info"></th>
<th class = "th"><input type="hidden" name="name" value="name" /><input type="button" value="Nazwa" name="un" class="btn btn-default btn-info" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="pkwiu" value="pkwiu" /><input type="submit" value="PKWiU" name="usr" class="btn btn-default btn-info" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="il" value="il" /><input type="submit" value="Ilość" name="utl" class="btn btn-default btn-info" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="jm" value="jm" /><input type="submit" value="Jednostka" name="utl" class="btn btn-default btn-info" style="width: 222px;"></th>
<th class = "th"><input type="hidden" name="cjn" value="cjn" /><input type="submit" value="Cena jedn. netto" name="uml" class="btn btn-default btn-info" style="width: 170px;"></th>
<th class = "th"><input type="hidden" name="wn" value="wn" /><input type="submit" value="Wartość netto" name="uml" class="btn btn-default btn-info" style="width: 170px;"></th>
<th class = "th"><input type="hidden" name="vat" value="vat" /><input type="submit" value="VAT (%)" name="uml" class="btn btn-default btn-info" style="width: 170px;"></th>
<th class = "th"><input type="hidden" name="wvat" value="wvat" /><input type="submit" value="Wartość VAT" name="uml" class="btn btn-default btn-info" style="width: 170px;"></th>
<th class = "th"><input type="hidden" name="wbr" value="wbr" /><input type="submit" value="Wartość brutto" name="uml" class="btn btn-default btn-info" style="width: 170px;"></th>
<th class = "th"><input type="hidden" name="opc" value="opc" /><input type="submit" value="Opcje" name="op" class="btn btn-default btn-info" style="width: 170px;"></th>
</tr>
</thead>
<tbody>
<tr class ="tr" onMouseOver="this.style.background='#8ac8c1'" onMouseOut="this.style.background='Transparent'"; >
<td class="container_res" width = "40px;"><center><input id="lp" type="hidden" value="1" readonly>1</input></td>
<td class="container_res" ><center><div><input type="text" class="preview" name="name" size="40;" line-height="0px" value=" "></input></div></td>
<td class="container_res"><center><div class="td_div"><input type="text" class="preview" name="pkwiu" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div><input type="number" class="preview" id="ilosc1" name="ilosc" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div><input type="text" class="preview" name="jdn" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div><input type="number" step=0.01 class="preview" id="cjnt1" name="cjnt" size="40" line-height="0px" value=" "></input></div></td>
<td class="container_res"><center><div><input style = "width: 170px !important" type="number" step=0.01 class="preview" id="wrtn1" name="wrtn" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div id ="vt1"><input style = "width: 170px !important" type="number" step=0.01 class="preview" id="vat1" name="vat1" size="40" line-height="0px" value="23"></input></div></td>
<td class="container_res"><center><div id = "wvt1"><input style = "width: 170px !important" type="number" step=0.01 class="preview" id="wavat1" name="wavat1" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div><input style = "width: 170px !important" type="number" step=0.01 class="preview" id="wabr1" name="wabr" size="40" line-height="0px" value=""></input></div></td>
<td class="container_res"><center><div><input style = "width: 70px !important" type="text" class="preview" name="fill" size="40" line-height="0px" value="ZAPYCHACZ"></input></div></td>
</tr>
/tbody></table>
<input id="dpchc" name="dpchc" type="hidden" value="1" >
<div id="dpos"><button id="add" class="btn btn-info">Dodaj pozycję</button><br><br></div>
<div id="ogo"><div id = "doz">Kwota należności/ogólem do zapłaty:<input type="number" class="preview" id="dzp" name="dzp" size="40" line-height="0px" value="" readonly></input> </div>
<div id = "wtpd">W tym podatek:<input type="number" class="preview" id="wtp" name="wtp" size="40" line-height="0px" value="" readonly></input></div>
skrypt jQuery - dodawanie/ usuwanie wiersza w tabeli
<script>
jQuery(document).ready(function() {
jQuery('#add').click(function(e){
var ca=jQuery('#dpchc').val();
var selectedf = jQuery('#types_ft').val();
e.preventDefault();
if (selectedf == " VAT ")
{
ca++;
jQuery('#dpchc').val(ca);
jQuery('#table_rach').append('<tr id="d'+ca+'" class ="tr" onMouseOver="this.style.background='+bf+'" onMouseOut="this.style.background='+tr+'";><td class="container_res" width = "40px;"><center><input id="lp" type="hidden" value="'+ca+'" >'+ca+'</input></td><td class="container_res"><center><div><input type="text" class="preview" id="name'+ca+'" name="name" size="40;" line-height="0px" value=""></input></div></td><td class="container_res"><center><div class="td_div"><input type="text" class="preview" id="pkwiu'+ca+'" name="pkwiu" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="number" class="preview" id="ilosc'+ca+'" name="ilosc" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="text" class="preview" id="jdn'+ca+'" name="jdn" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="number" class="preview" id="cjnt'+ca+'" name="cjnt" size="40" line-height="0px" value=" "></input></div></td><td class="container_res"><center><div><input style = "width: 170px !important" type="number" class="preview" id="wrtn'+ca+'" name="wrtn" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div id="vt'+ca+'"><input style = "width: 170px !important" type="number" class="preview" id="vat'+ca+'" name="vat" size="40" line-height="0px" value="23"></input></div></td><td class="container_res"><center><div id="wvt'+ca+'"><input style = "width: 170px !important" type="number" class="preview" id="wavat'+ca+'" name="wavat" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input style = "width: 170px !important" type="number" class="preview" id="wabr'+ca+'" name="wabr" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><div><button type="button" name="remove" id="'+ca+'" class="delete2">X</button></div></td></tr>');
}
if (selectedf == " Podatnika zwolnionego z VAT "){
ca++;
jQuery('#dpchc').val(ca);
jQuery('#table_rach').append('<tr id="d'+ca+'" class ="tr" onMouseOver="this.style.background='+bf+'" onMouseOut="this.style.background='+tr+'";><td class="container_res" width = "40px;"><center><input id="lp" type="hidden" value="'+ca+'" >'+ca+'</input></td><td class="container_res"><center><div><input type="text" class="preview" id="name'+ca+'" name="name" size="40;" line-height="0px" value=""></input></div></td><td class="container_res"><center><div class="td_div"><input type="text" class="preview" id="pkwiu'+ca+'" name="pkwiu" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="number" class="preview" id="ilosc'+ca+'" name="ilosc" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="text" class="preview" id="jdn'+ca+'" name="jdn" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div><input type="number" class="preview" id="cjnt'+ca+'" name="cjnt" size="40" line-height="0px" value=" "></input></div></td><td class="container_res"><center><div><input style = "width: 170px !important" type="number" class="preview" id="wrtn'+ca+'" name="wrtn" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><center><div id="vt'+ca+'"><input style = "width: 170px !important" type="number" class="preview" id="vat'+ca+'" name="vat" size="40" line-height="0px" value="0" readonly></input></div></td><td class="container_res"><center><div id="wvt'+ca+'"><input style = "width: 170px !important" type="number" class="preview" id="wavat'+ca+'" name="wavat" size="40" line-height="0px" value="" readonly></input></div></td><td class="container_res"><center><div><input style = "width: 170px !important" type="number" class="preview" id="wabr'+ca+'" name="wabr" size="40" line-height="0px" value=""></input></div></td><td class="container_res"><div><button type="button" name="remove" id="'+ca+'" class="delete2">X</button></div></td></tr>');
}
});
jQuery("body").on("click", ".delete2", function (e) {
e.preventDefault();
var No5 = jQuery('#dpchc').val();
jQuery('#d'+No5).remove();
var No6 = parseInt(No5)-1;
jQuery('#dpchc').val(No6);
});
skrypt jQuery cd. - wczytywanie danych z tabeli i wpisywanie do niej i innych pól wyników
jQuery('.preview').on('input', function(){
Licz();
});
var Licz = function () {
co = jQuery('#dpchc').val();
var arrayil = [];
var arraycjn = [];
var arrayvat=[];
var arraywvat=[];
var arraywb =[];
var arraywn =[];
var ilosc = "";
var wnetto = "";
var vat = "";
var wvat = "";
var wbrutto = "";
var rzm = 0;
var wtp = 0;
for(count=1;count<=co;count++){
arraycjn[count] = jQuery('#cjnt'+count).val();
arrayil[count] = jQuery('#ilosc'+count).val();
arrayvat[count] = jQuery('#vat'+count).val();
}
for(counttp=1;counttp<=co;counttp++){
arraywn[counttp]=parseFloat(arraycjn[counttp])*parseFloat(arrayil[counttp]);
}
for(coun=1;coun<=co;coun++){
arraywvat[coun]=parseFloat((arraywn[coun]*arrayvat[coun]))/100;
}
for(cnt=1;cnt<=co;cnt++){
arraywb[cnt]=parseFloat(arraywn[cnt])+parseFloat(arraywvat[cnt]);
}
var crzm = parseInt(arraywb.length)-1;
for(cnnt=1;cnnt<=crzm;cnnt++){
rzm+=parseFloat(arraywb[cnnt]);
}
jQuery('#dzp').val(rzm);
var cwtp = parseInt(arraywvat.length)-1;
for(cnntt=1;cnntt<=crzm;cnntt++){
wtp+=parseFloat(arraywvat[cnntt]);
}
jQuery('#wtp').val(wtp);
for(cntt=1;cntt<=co;cntt++){
jQuery('#wrtn'+cntt).val(arraywn[cntt]);
jQuery('#wavat'+cntt).val(arraywvat[cntt]);
jQuery('#wabr'+cntt).val(arraywb[cntt]);
}
}
});
</script>
```