Добрый день. Опять я с просьбой помощи. Написал форму заявки и к ней скрипт, который автоматически записывает объект брони в нужный input.
(указал записывать span с определённым именем)
Сама форма заявки в всплывающем окне.
Так вот если на странице одна кнопка Бронировать, то все пишет как надо, если несколько объектов бронирования, то естественно 2 и более span c этим именем не напишешь.
Понимаю что надо как то обозначить каждую кнопку бронировать.
И записывать через неё. Но не знаю как))
Собственно вот сама форма и скрипт.
<div class="bronirovat" onclick="myshow('block')">
<p>Бронировать</p>
</div>
Не судите строго мой код
Я самоучка, только в начале пути.
<form id="form1" action="/call/index1.php" method="post" name="call-form" class="phone_form">
Предмет брони * :<br />
<input type="text" name="PredmetBroni" class="phone" ><br />
ФИО * :<br />
<input type="text" name="fam" class="phone" id="fam" ><br />
Контактный телефон * :<br />
<input name="phone" id="phone" class="phone" ><br />
Контактный E-mail * :<br />
<input type="text" id="addres" class="phone" name="addres"><br />
Выбор даты заезда * :<br />
<input type="date" name="DataZaezda" id="DataZaezda" value="2016-10-25" min="2016-10-25"><br />
Конец заезда * :<br />
<input type="date" name="DataViezda" id="DataViezda" value="2016-10-25" min="2016-10-25"><br />
Дополнительные пожелания:<br />
<textarea rows="3" cols="35" name="Pozalaniya"></textarea>
<input type="hidden" name="page_url" value="<?='http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']?>"/>
<input type="submit" id="KnopkaOtpravit" class="call_submit" value="Отправить">
</form>
<script type="text/javascript">
$(document).ready(function() { // Ждём загрузки страницы
var PredmetBroni = $("span[name=PredmetBroni]").text();
$("input[name=PredmetBroni]").val(PredmetBroni); // записываем предмет брони
$('#KnopkaOtpravit').click(function(){
var fam = $("input[name=fam]").val() *1;
var phone = $("input[name=phone]").val() *1;
var addres = $("input[name=addres]").val() *1;
var DataZaezda = $("input[name=DataZaezda]").val() *1;
var DataViezda = $("input[name=DataViezda]").val() *1;
var Pozalaniya = $("textarea[name=Pozalaniya").val() *1;
if (fam == " ") {
alert ("Введите фамилию");
$("input[name=fam]").focus();
$("input[name=fam]").css("border", "1px solid red");
return false;
}
else {
$("input[name=fam]").css("border", "none");
}
if (phone == " ") {
alert ("Введите телефон");
$("input[name=phone]").css("border", "1px solid red");
$("input[name=phone]").focus();
return false;
}
else {
$("input[name=phone]").css("border", "none");
}
if (addres == " ") {
alert ("Введите Email");
$("input[name=addres]").css("border", "1px solid red");
$("input[name=addres]").focus();
return false;
}
else {
$("input[name=Email]").css("border", "none");
}
});
});
</script>