Hi all.

I have a form with 5 text boxes for the user to enter numbers. I would like to have a sixth text box at the end that adds up the total of all the other inputs.

I assume that this can be done and will require javascripting or AJAX? The page is built in php and ideally I would like it to be done without the page reloading, hence the javascript.

Thanks,
Dan

Hi, no need to use Ajax as you do not want to pull anything from the server.

You need to write a function which fills up the 6th textbox:

function fillSixth(){
  document.getElementById('TextBox2').value = 
  String(
    parseFloat(document.getElementById('TextBox1').value) +
    parseFloat(document.getElementById('TextBox2').value) + ...)
}

And you need to call this function when any of the first five textboxs' content changes or when the user clicks a button:

 onchange='fillSixth();'

Thanks very much for your help.

Worked perfectly!

Dan