Передача значений в форму formit

Добрый день. Господа, помогите пожалуйста.
Есть три различные кнопки (подобно заказу выбранного тарифа), по нажатию появляется модальное окно:
<form  method="post" enctype="multipart/form-data" role="form">
	<a href="#" class="price" name="price1" data-toggle="modal" data-target="#myModal">Заказать</a>
	<a href="#" class="price" name="price2" data-toggle="modal" data-target="#myModal">Заказать</a>
	<a href="#" class="price" name="price3" data-toggle="modal" data-target="#myModal">Заказать</a>
	
	[[!FormIt?
    		&hooks=`spam,email,redirect`
		&spamCheckIp=`1`
    		&submitVar=`submit_button` 
    		&emailSubject=`Заявка с сайта`
    		&emailTo=`site@site.ru`
		&emailTpl=`форма-отчета`
		&validate=`name:required,phone:required`
	]]

	<div class="modal fade" id="myModal">
  		<label for="name">Вы выбрали тариф: </label>
		<input type="text" name="tarif" id="tarif" value="">	

		<label for="name">Ваше имя: [[!+fi.error.name]]</label>
        	<input type="text" name="name" id="name" value="[[!+fi.name]]" required>
        
		<label for="phone">Телефон: [[!+fi.error.phone]]</label></div>
        	<input type="phone" name="phone" id="phone" value="[[!+fi.phone]]" required>
	
		<button type="submit" name="submit_button" id="submit_button" value="Оправить заявку">Отправить</button>
	</div>
</form>
Как передать в 
<input type="text" name="tarif" id="tarif" value="???">
значение name, той кнопки, которая была нажата.
Спасибо.
Владимир
Владимир
06 июля 2016, 06:26
modx.pro
2
3 232
0

Комментарии: 6

    Павел Карелин
    Павел Карелин
    06 июля 2016, 12:29
    0
    Конечно же юзая jquery))
    $('.price').click(function(){
	var name = $(this).attr('name');
	$('#tarif').value(name);
})
    Но я бы .price поменял на какой нибудь id
      Владимир
      Владимир
      06 июля 2016, 15:18
      0
      По клику на все кнопки, подставляется значение только первой.
        Марат Марабар
        Марат Марабар
        06 июля 2016, 15:45
        1
        +3 
        $('.price').click(function(){
	var name = $(this).attr('name');
	$('#tarif').val(name);
})
      Владимир
      Владимир
      06 июля 2016, 17:42
      0
      Оказывается в jquery все так просто. Будет время свободное, буду учить основы.
      Большое спасибо! 
      <script type="text/javascript">
	jQuery(document).ready(function($) {
		$("a.price").click(function() {
		var name = $(this).attr("name");
		$("input#tarif").val(name);
		});
	})
</script>
        Павел Карелин
        Павел Карелин
        06 июля 2016, 18:10
        0
        Да да, я перепутал просто val() ))). jquery штука очень удобная)
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        6