Как изменить значение в форме по клику на ссылке?

Question

[LOBBY GIRL]

Добрый день!
Есть одна форма заказа товара

есть слайдер-каталог, в каждом слайте есть ссылка с тарой и наиминование, такие же пункты есть и в форме

как сделать, что бы при выборе тары, открывалась форма уже с подставленным значением тары и названия продукта?

Answer 1

[LOBBY GIRL]

сделал так
Кнопка:

<a href="#taraform" id="tara48" class="four_buy" title="4 литра - Moly Green Black 5W30">Купить</a>

Скрипт:

$('a[href="#taraform"]').click(function(e){
        $('#m_theme').val(this.title);
        e.preventDefault();
    });

		$(function() {

	  $('select').styler();

	});

Сама форма:

<form class="popup-form taraform zoom-anim-dialog" id="taraform">
			<span>Форма заказа</span><br>

			<!-- Hidden Required Fields -->
			<input type="hidden" name="project_name" value="MolyGreen74">
			<input type="hidden" name="admin_email" value="[e-mail]">
			<input type="hidden" name="form_subject" value="Заявка на покупку с Каталога">
			<!-- END Hidden Required Fields -->

			<input class="super_tara" type='text' name="Заказали" value="Спасибо" id='m_theme' readonly>

			<input type="text" name="Колличество" placeholder="Колличество" required>
			<input type="text" name="ФИО" placeholder="Ф.И.О получателя" required>
			<input type="text" name="Телефон" placeholder="Номер телефона для связи" required><br>

			<div class="sposob_dostavku">
				<span>Способ доставки</span><br>
				<span>Самовызов</span>
				<input type="radio" name="dostavka" value="samovisov" onclick="toggleSet(this)"><br>

				<span>Доставка на дом</span>
				<input type="radio" name="dostavka" value="dom" onclick="toggleSet(this)">
				<br>

				<br>
					<fieldset id="samovisov" class="items">
						г. Челябинск, ул. 8 Марта 56А
					</fieldset>
					<fieldset id="dom" class="items">
					<input type="text" name="Адрес" placeholder="Адрес доставки">
					<input type="text" name="Индекс" placeholder="Индекс">
					</fieldset>
			</div>

			<button class="zakaz_button">Сделать заказ</button>
		</form>

Answer 2

[Максим Тимофеев]

Вариантов масса, все зависит от того, как реализовано то, что у Вас уже есть.
Можно в jquery получать данные по клику и писать в Local Storage, потом в форме читать и менять secect
Можно менять action формы добавляя доп параметр
Можно использовать hidden input и передавать на сервер, а там генерируя форму это учитывать
А может там у Вам SPA? Тогда совсем все по другому может быть. Картинки которые Вы приложили - это дизайн, который может быть натянут на что угодно, поэтому ответ общий.

Comments

[LOBBY GIRL]

верстаю просто на css и html с сеткой бутстрапа, препроцессор sass, самый простой вариант мне какой посоветуете? натягиваться не будет никуда

[Максим Тимофеев]

Павел Горбунов: При чем тут верстка, я о генерации кода. Это разные страницы или одна? Что на сервере php? Если да, то "можно использовать hidden input и передавать на сервер, а там генерируя форму это учитывать"

[LOBBY GIRL]

есть select, там 4 option, есть 4 ссылки, как сделать что бы кликая на определенную ссылку в select выбирался определенный option?

[Максим Тимофеев]

Павел Горбунов: запоминать клик одним из приведенных мной способов, потом при генерации на сервере или же в js назначать нужному option атрибут selected