Sayfa yenilemeden veri ekleme güncelleme

Merhaba şöyle bir html tablom var. Burada yapmak istediğim ürün adeti bulunan kutuya adet girdiğimde güncelle butonuna basınca adet kadar fiyat göstersin istiyorum bunu nasıl yapabilirim.

<table width="750" cellspacing="0" cellpadding="0" border="0" style="border: 0 solid #FDFDFD; border-collapse: collapse; border-radius: 5px 5px 5px 5px; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; text-align: left;">
<tbody>
<tr>
<td width="%5" valign="middle" align="left" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">No</td>
<td width="%12" valign="middle" align="left" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">Kod</td>
<td width="%41" valign="middle" align="left" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">İsim</td>
<td width="%5" valign="middle" align="right" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">Adet</td>
<td align="right" valign="middle" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;"><br></td>
<td width="%8" valign="middle" align="right" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">Toplam<br>(TL)</td>
<td width="%5" valign="middle" align="right" style=" border: 0 none; color: #333333; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; height: 18px;">Kaldır</td>
</tr>
<tr>
<td height="3px;" colspan="7"></td>
</tr>
<tr>
<td height="2px;" style="background-color: #235714" colspan="7"></td>
</tr>
<tr>
<td height="3px;" colspan="7"></td>
</tr>
<tr>
<td>1</td>
<td>MB3-EA610</td>
<td valign="middle">Kalem Tıraş</td><td valign="middle" align="right"><input type="text" value="1" style="text-align: right;"></td>
<td colspan="2" align="right" valign="middle">2,40</td>
<td valign="middle" align="right"><a href="#urun_sil">Sil</a></td>
</tr>
<tr>
<td height="8px;" colspan="7"></td>
</tr>
<tr>
<td height="2px;" style="background-color: #333333" colspan="7"></td>
</tr>
<tr>
<td height="8px;" colspan="7"></td>
</tr>
<tr>
<td align="center" colspan="7">
<table width="100%">
<tbody>
<tr>
<td width="70%">&nbsp;</td>
<td width="30%">
<table width="100%">
<tbody>
<tr>
<td style="border-collapse: collapse; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px;">Toplam Tutar:</td>
<td align="right" style="border-collapse: collapse; font-family: Calibri,Arial,Helvetica,sans-serif; font-size: 12px;">2,40</td>
</tr>
<tr>
<td height="2" style="background-color: #333333" colspan="2"></td>
</tr>
<tr>
<td height="8" colspan="2"></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody></table> </td>
</tr>
<tr>
<td valign="middle" align="center" colspan="5">&nbsp;</td>
<td valign="middle" align="center" colspan="2"><input type="submit" value="Güncelle"></td>
</tr></tbody></table>