将td数据传递给隐藏的输入，然后使用PHP发布

Question

I have a form that I have shortended for simplicty but the concept is the same.

<form method=post action= somephp.php>
<table>
<tr><td><input name= first></tr>// These input are where people enter 
<tr><td><input name= second></tr>// numbers. They then click on
<tr><td><input name= third></tr>//calculate and the results appear
<tr><td><input name= fourth></tr>//in the below table
<td>Result one <input type = "hidden" name="somename" value=""></td>// 
<td>Result two <input type = "hidden" name="somename1  value=""></td>  
<button>Calculate</button>
<button type submit>save</button>
</form>

The form works fine . The maths for the form is performed using javascript. I get the values of the results in the result one and two as expected .

Now for my problem After I have clicked calculate and got my results I click on the save button and want it to post all of the inputs including the hidden ones to a PHP script.

I am having problems posting the hidden feilds.

It works if I place a figure in the value attribute but what I want and have been struggling all night with is how can I post the result one and two feilds to my PHP script via the hidden feild.

I have been trying in vain to get the variable from my js script to act as the value for the hidden feild but keep getting undefined index error in PHP. I think it may be because the page has already loaded. I have attached the variable that holds the value for result one and result two to onChange event etc but can not get this to work.

As a summary - how can I pass a td inner HTML (result 1 and result 2) to hidden inputs value for posting to a PHP script. I am open to other solutions

Thanks in advance for your help.

<script>

var a = document.getElementByID('result one id').value;
var b = document.getElementByID('HIDDEN INPUT ID').value; 

I want a = b

but am struggling

Answer 1

You could consider using jquery to set values of the hidden fields.

<form method=post action= somephp.php>
<table>
    <tr><td><input name= "first" /></td></tr>
    <tr><td><input name= "second" /></td></tr>
    <tr><td><input name= "third" /></td></tr>
    <tr><td><input name= "fourth" /></td></tr>
    <td>Result one <input id="hidden1"  type = "text" name="somename" value=""/></td> 
    <td>Result two <input id="hidden2" type = "text" name="somename1"  value=""/></td>
<button id="calculate">Calculate</button>
<button id="submit" type="submit">save</button>
    </table>
</form>

And the jquery

    $(document).on('click', '#calculate', function(){ //you could perform your calculations here or define a separate function
      $('#hidden1').val('calculated value1');
      $('#hidden2').val('calculated value2');
      return false;
    });

FIDDLE