通过图像提交按钮传递提交值 [英] passing submit value with image submit button
问题描述
大家新年快乐.
我有一个带有2个提交按钮的表单，我想将输入语句的值传递给表单处理页面.问题在于它传递了Submit_x和Submit_y值，但没有传递提交值:
<输入名称=提交" type ="image" value ="dup" src ="images/DuplicatePlan.png" alt =复制计划"/>
<输入名称=提交" type ="image" value =删除" src =
"images/DeletePlan.png" alt =删除计划"/>
值dup和delete永远不会作为提交值发送.任何建议对此将不胜感激.我实际上是在PHP中构建上述代码.
我得到以下返回:
字段ID = 1
字段SelectedPlan = 1
字段Submit_x = 77
字段Submit_y = 25
不购买指定值.我了解某些浏览器会返回提交值，而其他浏览器则不会.反正这吗?字段ID和SelectedPlan设置为表单上的输入变量.
Thanks/Hal
Happy New Year everyone.
I have a form with 2 submit buttons and I would like to pass the value of the input statement to the form processing page. The problem is that it passes the submit_x and submit_y value, but NOT the submit value:
<input name="Submit" type="image" value="dup" src="images/DuplicatePlan.png" alt="Duplicate Plan" />
<input name="Submit" type="image" value="delete" src=
"images/DeletePlan.png" alt="Delete Plan" />
the values dup and delete never get sent as submit values. Any suggestions on this would be appreciated. I am actually constructing the above in PHP.
I get the following returned:
field ID = 1
field SelectedPlan = 1
field Submit_x = 77
field Submit_y = 25
buy not the specified values. I understand some browsers do return the submit value and others dont. Anyway around this? The fields ID and SelectedPlan are set as input variables on the form.
Thanks/Hal
推荐答案
使隐藏的输入字段的名称为whíchButton"，ID为"Which".
输入字段
Make hidden input field with name of "whíchButton" and and id of "Which".
Input fields
<input id="Which" name="whichButton" type="hidden" value="" />
<input name="Submit" type="image" value="dup" src="images/DuplicatePlan.png" alt="Duplicate Plan" onclick="return setHidden('dup');"/>
<input name="Submit" type="image" value="delete" src=
"images/DeletePlan.png" alt="Delete Plan" onclick="return setHidden('delete');"/>
Javascript:在页面上的script标签内或从外部文件链接到
Javascript: On your page inside a script tag or linked in from an external file
function setHidden(whichButton)
{
var element = document.getElementById("Which");
element.value = whichButton
return true;
}
修改:完整的工作示例
Modification: Complete working example
<html>
<form method="get" action="Hidden.html">
<input id='Which' name='whichButton' type='hidden' value='' />
<input name='Submit' type='image' value='edit' src='./Loading.bmp' alt='Edit Plan' onclick = "return setHidden('edit');" />
<input name='Submit' type='image' value='dup' src='./Loading.bmp' alt='Duplicate Plan' onclick = "return setHidden('dup');" />
<input name='Submit' type='image' value='delete' src='./Loading.bmp' alt='Delete Plan' onclick = "return setHidden('delete');" />
</form>
<script language="javascript">
function setHidden(whichButton)
{
var element = document.getElementById("Which");
element.value = whichButton;
return true;
}
</script>
</html>
您搞砸了onclick属性.查看放置分号的位置，并且在javascript中还错过了一个分号. delete标记缺少onclick处理程序.您必须更好地注意自己在做什么！ :)
修改结束
现在，当单击其中一个按钮时，将设置隐藏字段以指示它是哪个按钮.您可以在服务器端对此进行评估.
最好的问候，
Manfred
You fouled up on the onclick attributes. Look where you placed the semicolon and in your javascript you also missed one semicolon. The delete tag was missing the onclick handler. You have to pay better attention to what you''re doing! :)
End of modification
Now when one of the buttons is clicked the hidden field is set to indicate which button it was. You can evaluate this on the server side.
Best Regards,
Manfred
没有用.....
这是代码:
输入id ="Which''name =" thatButton''type ="hidden''value ="''/>
<输入名称=提交''type =''图像''值=''编辑''src =''images/EditPlan.png''alt =编辑计划''onclick ="返回setHidden(' '编辑'')"; />
<输入名称=提交''类型=''图像''值=''dup''src =''图像/DuplicatePlan.png''alt =复制计划''onclick ="返回setHidden(' 'dup''); />
<输入名称=``提交''类型=``图像''值=``删除''src =``图像/DeletePlan.png''alt =删除计划''/>
</center>
< br/>< center>< a href =''NewPlan.php''>< img src =''images/addnewplan.png''alt =添加新计划''border = ``0''/></a</center>
</form>
< script language ="javascript">
函数setHidden(whichButton)
{
var element = document.getElementById("Which");
element.value = whichButton
返回true;
}
</script>
它返回whichButton ="
有什么想法吗?
谢谢/哈尔
didn''t work.....
here is the code:
input id=''Which'' name=''whichButton'' type=''hidden'' value='''' />
<input name=''Submit'' type=''image'' value=''edit'' src=''images/EditPlan.png'' alt=''Edit Plan'' onclick = "return setHidden(''edit'')"; />
<input name=''Submit'' type=''image'' value=''dup'' src=''images/DuplicatePlan.png'' alt=''Duplicate Plan'' onclick = "return setHidden(''dup'')"; />
<input name=''Submit'' type=''image'' value=''delete'' src=''images/DeletePlan.png'' alt=''Delete Plan'' />
</center>
<br /><center><a href=''NewPlan.php''><img src=''images/addnewplan.png'' alt=''Add a NEW PLAN'' border=''0'' /></a></center>
</form>
<script language="javascript">
function setHidden(whichButton)
{
var element = document.getElementById("Which");
element.value = whichButton
return true;
}
</script>
It returns whichButton = ""
Any ideas?
Thanks/Hal
这篇关于通过图像提交按钮传递提交值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
