如何获得在表单提交上单击的按钮的值?

问题描述 投票:-1回答:1

我创建了一个带有所需选择和三个提交按钮的小表格。仅当选择了选择时,才应发送该表格。现在,我需要获取发送表单的按钮的数据值。我如何获得该价值?重要提示:如果未选择任何选项,则应显示自动警告。

$(document).ready(function() {
  $("form").submit(function() {
    var val = $("button[type=submit][clicked=true]").data['value'];
    console.log(val);
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form action="#" method="post">

  <select required>
    <option value="">None</option>
    <option value="tt1">Test1</option>
    <option value="tt2">Test2</option>
  </select>

  <button type="submit" data-value=1>Go1</button>
  <button type="submit" data-value=2>Go2</button>
  <button type="submit" data-value=3>Go3</button>
</form>
javascript jquery
1个回答
-2
投票

$(document).ready(function() {
  $("button").click(function(event) {
    var val = event.target.dataset.value
    console.log(val);
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form action="#" method="post">

  <select required>
    <option value="">None</option>
    <option value="tt1">Test1</option>
    <option value="tt2">Test2</option>
  </select>

  <button type="submit" data-value=1>Go1</button>
  <button type="submit" data-value=2>Go2</button>
  <button type="submit" data-value=3>Go3</button>
</form>
© www.soinside.com 2019 - 2024. All rights reserved.