一个具有两个图像按钮的表单在只能按下一个按钮的情况下发送两个按钮值

One form with two image buttons is sending both values of the buttons when only one can be pressed

本文关键字：按钮 两个 下一个 情况下 表单 一个 图像      更新时间：2023-09-26

我正在尝试从表单发送数据，在这个表单中有两个图像按钮。其中一个按钮保存数据，而另一个则将其发送到另一个表单。问题是，当我按下任一图像按钮时，"saveDaTa"answers"saveDaTa"值都会被发送。

这些隐藏的输入通过我按下的任一图像按钮发送。

<input type="hidden" name="saveData" value="2">
<input type="hidden" name="sendData" value="3">

我检查了var_dump得到的内容，并且两个变量都被发送了。

//var_dump($this->input->post(NULL, TRUE));
  'saveData' => string '2' (length=1)
  'sendData' => string '3' (length=1)
<td rowspan="2" align="center">
    <a href="javascript:void(0);" onclick="javascript:document.forms['form1'].submit();">
        <img src="<?php echo base_url(); ?>images/save.png" alt="Save Data" width="30" height="30" />
        <input type="hidden" name="saveData" value="2">
    </a>
    <br />
&nbsp;&nbsp;Save  
 <!-- The user pressed the icon to send the data so it will now have to save that the user decided to do this in the database a Boolean in the database  
still the view. -->
</td>
<td rowspan="2" align="center">
    <a href="javascript:void(0);" onclick="javascript:document.forms['form1'].submit();">
        <img src="<?php echo base_url(); ?>images/save.png" alt="Send Data" width="30" height="30" />
        <input type="hidden" name="sendData" value="3">
    </a>
    <br />
&nbsp;&nbsp;Send
</td>
</form>

当然，在发送表单时，也会发送所有隐藏的输入。你可以做得很简单：

<style>
.ibtn {
  border:none;
  padding:0;
}
.ibtn::-moz-focus-inner {
  padding: 0;
  border: 0
}
</style>
<form>
  <button class="ibtn" name="send" value="1"><img src="http://www4.dict.cc/img/but_speech.gif"></button>
  <button class="ibtn" name="send" value="2"><img src="http://www4.dict.cc/img/but_speech.gif"></button>
</form>

另一种选择是将两个表单分开，每个表单都有自己的数据。

相关文章：