Доброго времени суток! Возникла такая проблема.
Я хочу, чтобы форма менялась в зависимости от того, какой select был выбран
Например,
<form action="handler/education.php" method="POST" id='form_pc' name="law_pc">
<select name="type_device" id="law_type">
<option value="Составление дарственных, завещаний ">Составление дарственных, завещаний </option>
<option value="Составление договоров (купли-продажи, аренды, подряда)">Составление договоров (купли-продажи, аренды, подряда)</option>
<option value="Риелторские услуги">Риелторские услуги</option>
<option value="Защита прав потребителей">Защита прав потребителей</option>
<option value="Помощь в оформлении ИП">Помощь в оформлении ИП</option>
<option value=" Переустройство и перепланировка "> Переустройство и перепланировка </option>
<option value=" Составление жалоб в прокуратуру, суды и др. "> Составление жалоб в прокуратуру, суды и др. </option>
</select><br />
<label class="">Ваше имя:</label><br />
<input name="law_name" type="text" id="pc_name" size="36"><br />
<label class="">Ваша фамилия:</label><br />
<input name="law_sname" type="text" id="pc_sname" size="36"><br />
<label class="">Номер телефона:</label><br />
<input name="law_telephone" type="text" id="pc_telephone" size="36"><br />
<label class="">Ваш адрес:</label><br />
<input name="law_add" type="text" id="pc_add" size="36"><br />
<input type="submit" name="education_send" class="btn btn-large btn-primary" value="Отправить заявку">
</form>
Это первая форма, которая появляется на странице
<form action="handler/education.php" method="POST" id='form_pc_agreement' name="law_pc" style="display:none">
<select name="type_device" id="law_type">
<option value="Составление дарственных, завещаний ">Составление дарственных, завещаний </option>
<option value="Составление договоров (купли-продажи, аренды, подряда)">Составление договоров (купли-продажи, аренды, подряда)</option>
<option value="Риелторские услуги">Риелторские услуги</option>
<option value="Защита прав потребителей">Защита прав потребителей</option>
<option value="Помощь в оформлении ИП">Помощь в оформлении ИП</option>
<option value=" Переустройство и перепланировка "> Переустройство и перепланировка </option>
<option value=" Составление жалоб в прокуратуру, суды и др. "> Составление жалоб в прокуратуру, суды и др. </option>
</select><br />
<label class="">Ваше имя (заполнение договоров):</label><br />
<input name="law_name" type="text" id="pc_name" size="36"><br />
<label class="">Ваша фамилия:</label><br />
<input name="law_sname" type="text" id="pc_sname" size="36"><br />
<label class="">Номер телефона:</label><br />
<input name="law_telephone" type="text" id="pc_telephone" size="36"><br />
<label class="">Ваш адрес:</label><br />
<input name="law_add" type="text" id="pc_add" size="36"><br />
<input type="submit" name="education_send" class="btn btn-large btn-primary" value="Отправить заявку">
</form>
Вторая форма
<form action="handler/education.php" method="POST" id='form_pc_realtor' name="law_pc" style="display:none">
<select name="type_device" id="law_type">
<option value="Составление дарственных, завещаний ">Составление дарственных, завещаний </option>
<option value="Составление договоров (купли-продажи, аренды, подряда)">Составление договоров (купли-продажи, аренды, подряда)</option>
<option value="Риелторские услуги">Риелторские услуги</option>
<option value="Защита прав потребителей">Защита прав потребителей</option>
<option value="Помощь в оформлении ИП">Помощь в оформлении ИП</option>
<option value=" Переустройство и перепланировка "> Переустройство и перепланировка </option>
<option value=" Составление жалоб в прокуратуру, суды и др. "> Составление жалоб в прокуратуру, суды и др. </option>
</select><br />
<label class="">Ваше имя (риелтор):</label><br />
<input name="law_name" type="text" id="pc_name" size="36"><br />
<label class="">Ваша фамилия:</label><br />
<input name="law_sname" type="text" id="pc_sname" size="36"><br />
<label class="">Номер телефона:</label><br />
<input name="law_telephone" type="text" id="pc_telephone" size="36"><br />
<label class="">Ваш адрес:</label><br />
<input name="law_add" type="text" id="pc_add" size="36"><br />
<input type="submit" name="education_send" class="btn btn-large btn-primary" value="Отправить заявку">
</form>
Третья форма
Вот когда jQuery
$('#law_type').on('change', function() {
var type = $("#law_type option:selected").val();
//alert(type);
switch (type) {
case 'Составление дарственных, завещаний':
alert ("Выбрали первое");
break;
case 'Составление договоров (купли-продажи, аренды, подряда)':
alert ("Выбрали второе");
$('#form_pc').css('display','none');
$('#form_pc_agreement').css('display','block');
break;
case 'Риэлторские услуги':
alert ("Выбрали третье");
$('#form_pc').css('display','none');
$('#form_pc_agreement').css('display','none');
$('#form_pc_realtor').css('display','block');
break;
}
}); // Конец функции
Данный код работает, но всего один раз. Например, я выбираю
|
Код:
|
Составление договоров (купли-продажи, аренды, подряда)': |
форма изменяется. Находясь в новой форме, нажимаю
ничего не происходит. А если сразу выберу риэлторские услуги, то форма изменить, обратно уже нет
Заранее извиняюсь, если коряво описал проблему