一个带有两个图像按钮的表单在只按一个按钮时发送两个按钮值

时间:2016-05-07 20:39:20

标签: javascript php forms

我尝试从表单发送数据,并且在此表单中有2个图像按钮。其中一个按钮保存数据,而另一个按钮将数据发送到另一个表单。问题是,当我同时按下任一图像按钮时," saveDaTa "和" 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>

1 个答案:

答案 0 :(得分:1)

当然,在发送表单时,也会发送所有隐藏的输入。 你可以这么简单:

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

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