Передать в контактную форму значение <button>

[artem99357]

Здравствуйте.
На сайте 10 кнопок, при нажании на каждую всплывает окно с формой, после заполнения значения отправляются на почту.
Для всех этих кнопок сделана одна форма, то-есть, на какую бы кнопку не нажал, передаётся один и тот же текст.
Можно ли как-то сделать, чтобы при нажатии на каждую кнопку, автоматически добавлялось своё значение?

Например:
<button data-toggle="modal" data-target="#feedback-form" type="submit" значение="1">Заказать</button>
На почту приходит заполненная форма:
Имя
Номер
И данное значение: значение="1"


<button data-toggle="modal" data-target="#feedback-form" type="submit" значение="2">Заказать</button>
На почту приходит заполненная форма:
Имя
Номер
И данное значение: значение="2"

Можно сделать для каждый кнопки свою, отдельную форму, но так не очень хорошо. Можно ли обойтись одной?





HTML

<form class="form-header" id="form" method="post" name="form">
  <div class="form-group">
    <input class="form-control input-lg" name="name" id="name" type="text" placeholder="Ваше имя *" required>
    <input class="form-control input-lg" name="phone" id="phone" type="text" placeholder="Телефон для связи *" required>
  </div>
  <div class="form-group">
    <button class="btn"><span class="text-button">Отправить</span></button>
  </div>
</form>

PHP

$recepient = "Почта";
$siteName = "Сайт";
 
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$message = "Имя: $name \nТелефон: $phone";
 
$pagetitle = "Заявка с сайта \"$siteName\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");
 
?>

JS

$(document).ready(function() {
    $('form').submit(function() {
        var formID = $(this).attr('id');
        var formNm = $('#' + formID);
        $.ajax({
            type: 'POST',
            url: 'mail.php',
            data: formNm.serialize(),
            success: function(data) {
                $('.thank-you').fadeIn();
                $(this).find('input').val('');
                $('#form').trigger('reset');
            }
        });
        return false;
    });
});
$('.close-thank').click(function() {
    $('.thank-you').fadeOut();
});
$(document).mouseup(function(e) {
    var popup = $('.popup');
    if (e.target != popup[0] && popup.has(e.target).length === 0) {
        $('.thank-you').fadeOut();
    }
});
$(function($) {
    $('[name="phone"]').mask("+7(999) 999-9999");
});

[Black Fregat]

<button type="submit" name="name" value="1">Заказать 1</button>
<button type="submit" name="name" value="2">Заказать 2</button>

[artem99357]

Сообщение от Black Fregat

<button type="submit" name="name" value="1">Заказать 1</button>
<button type="submit" name="name" value="2">Заказать 2</button>

Спасибо.
Этого не совсем достаточно.

[Лубышев]

1. делаете в форме скрытое поле например

<input type="hidden" name="theme" id="theme" />

2. по нажатию на кнопку, меняете значение внутри этого поля:

$("button").click(function(){//по событию клика
   var theme=$(this).attr("значение");// читаем значение в переменную
   $("#theme").val(theme);//задаем полу это значение
})

3. все, вы будете знать, после этого, по какой кнопке вызвали форму "Заказать звонок" или "Купить" и т.д.

[artem99357]

Лубышев,
Спасибо за ответ. Так и сделал.