通过表单发送多个按钮信息答案

【问题标题】：Send multiple button information through form通过表单发送多个按钮信息
【发布时间】：2017-01-07 09:08:30
【问题描述】：

我有一个包含多个按钮和值的表单。当我按下提交按钮和值时，我想提交点击了哪个按钮。我在带有问题的 php 循环中有下面的代码。代码为每个问题显示是和否按钮。我正在使用 jquery 来保持类处于活动状态并切换它们（这很好用）。我的问题是当我提交表单时，只有问题是通过 POST 提交的，并且没有来自按下按钮的数据。我应该如何处理以提交按下的按钮（所有按钮都有一个唯一的 id）？

echo' <button type="button" name="yes'.$value[Key].'" id="answerf1" class="lietruth yes" >Yes</button>

 <button type="button" name="no'.$value[Key].'" id="answer1" class="lietruth no" >No</button>

<div id="questions">'.$value[Question].'</div>';
//submit button is after the loop

生成页面的 HTML

<div id="Answertoggle16">
<div id="questions-box"><input type="hidden" name="question16" value="Question1"><input type="hidden" name="key"  value="5"><input type="hidden" name="user"  value="truthsandlie"><button type="button" name="yes5" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no5" id="answer1" class="lietruth no" >No</button>
<div id="questions">Question1</div>
</div>
</div>
<div id="Answertoggle17">
<div id="questions-box"><input type="hidden" name="question17" value="Question2"><input type="hidden" name="key"  value="9"><input type="hidden" name="user"  value="truthsandlie"><button type="button" name="yes9" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no9" id="answer1" class="lietruth no" >No</button>
<div id="questions">Question2</div>
</div>
</div>
<div id="Answertoggle18">
<div id="questions-box"><input type="hidden" name="question18" value="Question3"><input type="hidden" name="key"  value="25"><input type="hidden" name="user"  value="truthsandlie"><button type="button" name="yes25" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no25" id="answer1" class="lietruth no" >No</button>
<div id="questions">Question3</div>
</div>
</div>
<div id="Answertoggle19">
<div id="questions-box"><input type="hidden" name="question19" value="Question4"><input type="hidden" name="key"  value="30"><input type="hidden" name="user"  value="truthsandlie"><button type="button" name="yes30" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no30" id="answer1" class="lietruth no" >No</button>
<div id="questions">Question4</div>
</div>
</div>
<div id="Submit-answer" display: inline-block;"><button type="submit">Next</button>
</div>

【问题讨论】：

我们能看到你的完整表单的 HTML 是如何呈现的吗？
我可以链接php循环
我更新了问题中的html

标签： php jquery html forms

【解决方案1】：

使用type="submit" 你可以这样设置提交按钮：

<button type="submit" name="id1" value="value">Submit1</button>
<button type="submit" name="id2" value="value">Submit2</button>...

那你就可以用$_GET['id']抓到了。

【讨论】：

如果我在单击表单操作页面加载的任何按钮时使用提交。在提交信息之前必须选择 10 个答案。抱歉，如果问题不清楚
刚刚在每个按钮上尝试过这个点击表单动作加载

【解决方案2】：

这就是我所做的。添加了一个隐藏的 div 并使用 javascript 函数 changeValue1(val) 和 changeValue2(val) 更改该值。

<div id="Answertoggle18">
<div id="questions-box"><input type="hidden" name="question18" value="Question3"><input type="hidden" name="key"  value="25"><input type="hidden" name="user"  value="truthsandlie"><button type="button" name="yes25" onclick="changeValue1('no25')" id="answerf1" class="lietruth yes" >Yes</button><button type="button" name="no25" onclick="changeValue2('no25')" id="answer1" class="lietruth no" >No</button>
<input type="hidden" name="no25" id="no25" value="none">
<div id="questions">Question3</div>
</div>
</div>



<script type="text/javascript">
<!--
function changeValue1(val) {
var b = val;
    document.getElementById(b).value = "yes";
}

function changeValue2(val) {
var b = val;
    document.getElementById(b).value = "no";
}
//-->
</script>

【讨论】：