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

Question

[boris024]

Добрый день, помогите разобраться:
Имеем простейшую форму input и кнопку которая вызывает модальное окно bootstarp

<input type="Phone Number" class="block__input" placeholder="Телефон:">
<button class="button button_full" data-toggle="modal" data-target="#myModal">Узнать цены</button>

Ну а это само модальное окно

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered">
			<div class="modal-content">
				<div class="modal-body">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<form name="sentMessage" class="form form-register1" id="contactForm" novalidate>
						<div class="control-group">
							<div class="controls">
								<input type="text" class="form-control"
									onblur='if(this.value=="") this.placeholder="Ваше имя"'
									onfocus='if(this.value=="Ваше имя") this.value=""' placeholder="Ваше имя" id="name"
									required data-validation-required-message="Пожалуйста укажите ваше имя" />
								<p class="help-block"></p>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								<input type="text" class="form-control"
									onblur='if(this.value=="") this.placeholder="Телефон"'
									onfocus='if(this.value=="Телефон") this.value=""' placeholder="Телефон" id="phone"
									required data-validation-required-message="Пожалуйста, укажите номер телефона" />
							</div>
						</div>
						<div id="success"> </div>
						<button type="submit" class="btn-zvonok">Заказать звонок</button><br />
					</form>
				</div>
			</div>
		</div>
	</div>

Вопрос: Как сделать так, чтобы вводимый текст в форму input при нажатие на кнопку "Узнать цены" дублировался в модальном окне в поле "телефон" ?

То есть: в поле input ввели 8-800-00-00-00 => нажали "Узнать цены" => открылось модальное окно => и в нем поле "телефон" уже заполнено 8-800-00-00-0

Comments

[Антон]

Собственно, вопрос: А зачем вам над кнопкой номер телефона, когда он же будет использован в модалке, зачем пользователя кошмарить?

[boris024]

Антон, Цель научиться в первую очередь.

[WapSter]

boris024, тебе азы js преподать что ли? Прочти книгу какую-нибудь для начала.

Answer 1

[Лев Забудкин]

?! второй формы не вижу, но по сути, просто сразу заполните вторую форму перед выводом. Либо просто, раз там input, то есть content.

Comments

[boris024]

Зачем вторая форма? в input пользователь вбил 999999 - нажал кнопку "узнать цены" вылезло модальное окно с двумя полями "ваше имя" и "ваш телефон" вот нужно чтобы поле ваш телефон уже было заполнено 999999 т.к он вводил номер телефона в поле input

[Лев Забудкин]

boris024, ну так просто дайте значение тому полю с предыдущего и всё

[Лев Забудкин]

учитесь

[boris024]

Лев Забудкин, в этом и вопрос "как?" понимаю, что нужен скрипт, который при нажатии кнопки будет брать значение поля input и добавлять его в поле в модальном окне, но не могу реализовать.

$(document).on('кнопка', 'откуда', function(){
$('куда').val($('куда').val());
});

видимо что-то в этом духе, но с js я новичок, и не могу реализовать задуманное.

[Лев Забудкин]

boris024, ну правильно, теперь в откуда, без ковычек вставьте и всё :)

[Лев Забудкин]

boris024, не понятно я выразился.
$('куда').val(ВОТ СЮДА);
$('куда').val('а я номер');
$('куда').val(phone.text);

^^^^ Ваше решение

А ближе вот:
$(document).on('кнопка', 'откуда', function(){
$('куда').val(phone.text);
});

кнопка, это на что жмякают, в html5 это реально просто ID (аттрибут у тега такой) объекта, а "откуда" можно пропустить.

[boris024]

Лев Забудкин, Спасибо, разобрался, работает.

$(document).on('keyup', '#phone_number', function(){
$('#phone').val($('#phone_number').val());
});

и ID добавил полю input

[Лев Забудкин]

boris024, ответ отметьте

[Шохрух Шаймардонов]

boris024, если что Лев Забудкин имел ввиду отметить ответ решением

[Лев Забудкин]

boris024, всегда пожалуйста! и научились же!

[Лев Забудкин]

Шохрух Шаймардонов, спасибо Шохрух!