GET 方法 - 使用两个变量传递参数 - 提交按钮答案

【问题标题】：GET Method - passing parameter with two variables - submit buttonGET 方法 - 使用两个变量传递参数 - 提交按钮
【发布时间】：2014-01-08 17:31:36
【问题描述】：

表格有点麻烦。是否有任何了解 GET 来龙去脉的人能够查看此标记并提出问题所在？

我已经对其进行了研究并找到了这个答案：How can I pass a parameter via submit button? - 脚本是从那里获取的，但我仍然不确定我哪里出错了。正在填充 url，但没有传递任何值，所以这就是我得到的：'gender='

标记：

<form onsubmit="validateEmail(document.emailsonly1,'Please enter a valid email address'); return false;" method="get" action="http://URL" name="emailsonly1">
<input type="hidden" name="gender">
<input type="image" src="/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpGirl" id="btnSignUpGirl" onclick="setType('1')">
<input type="image" src "/content/ebiz/shop/resources/images/spacer.gif" class="buttonSignUpBoy" id="btnSignUpBoy" onclick="setType('2')">
</form>

脚本：

function setType(type)
{
document.getElementById('gender').value = type;
}

【问题讨论】：

标签： html forms methods get

【解决方案1】：

你甚至不需要一个新的功能，只要这样做

<form onsubmit="validateEmail(...); return false;" method="get" action="http://URL" name="emailsonly1">
<input type="hidden" name="gender">
<input type="image" src="your image" onclick="emailsonly1['gender'].value = 1;">
<input type="image" src "your image" onclick="emailsonly1['gender'].value = 2;">
</form>

小提琴here

顺便说一句，它可能不起作用，因为您忘记为性别字段提供 id。

【讨论】：

完美运行！我会保持简单并使用它。非常感谢@tdmartin