JSFiddle - React, Tailwind, and code Playground
HTML
<div style="display: none;">
<div class="box-modal" id="form">
<div class="title">
<div class="text">Заказать звонок</div>
</div>
<div class="boxes">
<form action="mail.php" method="post" id="form">
<div class="form_group"><input type="text" required="" placeholder="Имя" required="" name="name"></div>
<div class="form_group"><input type="text" required="" placeholder="Номер" required="" name="phone"></div>
<div class="formbtn_container">
<input type="hidden" required="" name="id" id="id">
<button type="submit" class="form_button onsubmit">Отправить</button>
</div>
</form>
</div>
</div>
</div>
<section class="goods">
<div class="container">
<div class="row">
<div class="col-lg-6 g_first">
<img src="img/g1.png" alt="">
<div class="g_first-main">
<div class="g-title">
Стандартный комплект
100х50х8<br />
<span>от 16 400 рублей</span>
</div>
<div class="g-text">
Стелла, тумба, цветник из двух длинных и одной короткой перемычки. Все элементы полированные, с фазками.
</div>
</div>
<div class="g_btn-container">
<button class="gbtn g1b" onclick="form_set_id('1');$('#form').arcticmodal(); return false">Заказать</button>
</div>
</div>
<div class="col-lg-6 g_first">
<img src="img/g2.png" alt="">
<div class="g_first-main">
<div class="g-title">
Двойной гранитный комплект 120х45х8<br />
<span>от 20 000 рублей</span>
</div>
<div class="g-text">
Стелла устанавливается горизонтально, тумба, цветник, при общем цветнике используется три больших перемычки и одна короткая, при двойном - четыре больших и четыре маленьких перемычки.
</div>
</div>
<div class="g_btn-container">
<button class="gbtn g2b" onclick="form_set_id('2');$('#form').arcticmodal(); return false">Заказать</button>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 g_scnd">
<img src="img/g3.png"...
JavaScript
function form_set_id(id)
{
$('#id').val(id);
}