如何獲取在表單提交時單擊的按鈕的值？

Question

我創建了一個帶有所需選擇和三個提交按鈕的小表單。 只有在選擇“選擇”時，應僅發送表單。 現在我需要獲取發送表單的按鈕的數據值。 我如何獲得這個值？ 重要提示：如果未選擇任何選擇，則應出現自動警告。

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

Answer 1

這會檢查按鈕單擊而不是表單提交，並返回事件（單擊）目標的值。

 $(document).ready(function() { $("button").click(function(event) { if(document.querySelector('select').value) { 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>