Как получить значение кнопки, которую нажимают на форму отправки?

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>