时间戳

首页 > 解决方案 > 如何根据单击的提交按钮传递不同的隐藏输入字段

javascript - 如何根据单击的提交按钮传递不同的隐藏输入字段

问题描述

我有两个同名但不同的隐藏输入字段id。我想通过基于不同提交按钮的操作来传递它。当我单击“正常”进程按钮时，它应该传递#normalfee隐藏字段值，当单击“紧急”时，它应该传递#urgentfee值。

<form name="home" action="#" method="post">
  <input type="hidden" name="fee" id="normalfee" value="49">
  <input type="hidden" name="fee" id="urgentfee" value="99">
  <input type="submit" name="Normal Process">
  <input type="submit" name="urgent process">
</form>

标签： javascriptjqueryhtmlforms

解决方案

我会使用单选按钮来选择流程的状态，然后推断接收端的金额。这样用户就无法修改该值，并且您只有一个按钮来提交表单，同时仍然有多个选项可供选择。

<form name="home" action="#" method="post">
  Fee type:<br>
  <input type="radio" name="fee" value="normalfee">Normal<br>
  <input type="radio" name="fee" value="ugrentfee">Urgent<br>
  <input type="submit" name="Process">
</form>

https://jsfiddle.net/hx16eawk/1/

推荐阅读