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

时间:2014-12-09 04:03:23

标签: javascript php sql forms

我有一个表格,我已经缩短了简单,但概念是相同的。

<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>

表单正常。表单的数学运算使用javascript执行。我按预期得到结果1和2中的结果值。

现在我的问题在点击计算并得到我的结果后,我点击保存按钮,并希望它将所有输入(包括隐藏的输入)发布到PHP脚本。

我在发布隐藏的游艇时遇到了问题。

如果我在数值属性中放置一个数字,但我想要的并且一直在努力整夜,它是如何工作的,我如何通过隐藏的feild将结果一个和两个结果发布到我的PHP脚本中。

我一直试图从我的js脚本中获取变量来充当隐藏的feild的值但是在PHP中继续获得未定义的索引错误。我想这可能是因为页面已经加载了。我已经附加了保存结果1的值的变量,并将结果2附加到onChange事件等但是无法使其工作。

作为总结 - 如何将td内部HTML(结果1和结果2)传递给隐藏的输入值以便发布到PHP脚本。 我对其他解决方案持开放态度

提前感谢您的帮助。

<script>

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

我想要a = b

但正在挣扎

1 个答案:

答案 0 :(得分:0)

您可以考虑使用jquery来设置隐藏字段的值。

<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>

和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