获取提交类型以发布其值

时间:2016-08-23 20:33:11

标签: javascript html node.js post

我正在尝试将我的按钮的价值与表格帖子一起发送,目前我有:

  <form id="form1" name="form1" method="POST" action="getData">
       <h1>Quick Query</h1>
        <div class="floating-placeholder">
            <input id="origin" name="origin" type="text" placeholder="Number" value="5"/>
            <label for="origin"></label>
        </div>
        <div class="floating-placeholder">
            <input id="destination" name="destination" type="text" placeholder="Number" value="4"/>
            <label for="destination"></label>
        </div>

        <label>
            <input type="submit" name="submitDriving" id="submitDriving" value="driving"/>

            <input type="submit" name="submitTransit" id="submitTransit" value="transit" />
            <input type="submit" name="submitCycling" id="submitCycling" value="cycling" />
        </label>
    </form>

当前帖子有

{ origin: '5',
  destination: '4' }

如果点击了submitDriving按钮,我试图找到一个地方,POST是:

{ origin: '5',
  destination: '4',
  submitDriving: 'driving' }

我该怎么做?

1 个答案:

答案 0 :(得分:1)

用户可以通过SELECT和单个按钮来提交更像下面的内容来提交表单。这是一个简单的方法。

signal()

您可以使用javascript完成原始问题并聆听表单的onsubmit事件。但它确实打破了用户期望看到的标准UI。