Передача значений в форму 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

3 895

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

Илья Уткин

06 июля 2016, 11:24

передать в input значение нажатой ссылки

Павел Карелин

06 июля 2016, 12:29

Конечно же юзая jquery))

$('.price').click(function(){
	var name = $(this).attr('name');
	$('#tarif').value(name);
})

Но я бы .price поменял на какой нибудь id

Владимир

06 июля 2016, 15:18

По клику на все кнопки, подставляется значение только первой.

Марат Марабар

06 июля 2016, 15:45

$('.price').click(function(){
	var name = $(this).attr('name');
	$('#tarif').val(name);
})

Владимир

06 июля 2016, 17:42

Оказывается в 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

Да да, я перепутал просто val() ))). jquery штука очень удобная)

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.