|
Сообщение от Phil_F
|
1.1.2.При выборе любого из производителей должны выйти 2 textarea... 1textarea "Марка"(например: RS700) 2textarea "Описание проблемы"///
1.2.1.При выборе "Настольный ПК" выпадает textarea "Описание проблемы"///
2.При выборе "Телефон" должен выпасть dropdown "Производитель" (Apple, HTC, Nokia, Samsung, LG)
2.1.При выборе любого из производителей должны выпасть textarea: 1textarea "Марка" (например: E2134), 2textarea "Описание проблемы"///
|
Этого нет в выложенном коде , ссылку на тестовую страницу
Для текущего кода
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Главная</title>
<meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style>
/* SET THE HIDDEN INPUT FIELD IN A DIV */
.hide {
display: none;
}
/* FORM */
fieldset {
width: 290px;
margin: 0;
padding: 20px;
background: #f4f4f4;
border: 1px solid #ddd;
}
label {
display: block;
font: bold 1.0em arial,verdana,tahoma,sans-serif;
color: #444;
margin: 0 20px 10px 0;
padding: 0;
clear: left;
}
.textfield, .dropdown {
width: 200px;
font: normal 1.0em arial,verdana,tahoma,sans-serif;
color: #666;
margin: 0 0 20px 0;
padding: 5px 6px;
background: #fff;
border: 1px solid #ddd;
}
.dropdown {
width: 215px;
}
input:focus, select:focus {
border: 1px solid #ccc;
}
.btn, .btn:focus {
display: block;
font: bold 1.0em arial,verdana,tahoma,sans-serif;
color: #333;
text-decoration: none;
margin: 0;
padding: 3px 5px;
}
</style>
</head>
<body>
<form id="order" method="post" action="send.php">
<fieldset>
<label>Введите Ваше имя:</label>
<input type="text" name="name" class="textfield" />
<label>Введите Ваш адрес электронной почты:</label>
<input type="text" name="email" class="textfield" />
<label>Выберите тип сломанного аппарата:</label>
<select class="dropdown" name="apparat" id="apparat">
<option value="none">Выберите...</option>
<option value="comp">Компьютер</option>
<option value="phone">Телефон</option>
<option value="note">Другое#1</option>
<option value="note">Другое#2</option>
<option value="note">Другое#3</option>
</select>
<!-- BEGIN HIDDEN INPUT -->
<div class="drop hide">
<label>Выберите тип Вашего компьютера:</label>
<select name="compv" class="dropdown" id="comp">
<option value="notebook">Переносной ПК (ноутбук, нетбук)</option>
<option value="stat">Стационарный ПК</option>
</select>
</div>
<!-- END HIDDEN INPUT -->
<!-- BEGIN HIDDEN INPUT -->
<div class="drop hide">
<label>Опишите здесь что-это:</label>
<textarea name="note" id="note" class="dropdown"></textarea>
</div>
<!-- END HIDDEN INPUT -->
<!-- BEGIN HIDDEN INPUT -->
<div class="drop hide">
<label>Выберите производителя Вашего телефона:</label>
<select name="phonev" class="dropdown" id="phone">
<option value="apple">Apple</option>
<option value="htc">HTC</option>
<option value="nokia">Nokia</option>
<option value="samsung">Samsung</option>
<option value="lg">LG</option>
</select>
</div>
<!-- END HIDDEN INPUT -->
<input type="submit" name="Submit" value="Submit" class="btn" onclick="this.blur();" />
</fieldset>
</form>
</body>
<script>
$(document).ready(function() {
$('#apparat').change(function() {
var b =$(this).find('option:checked').val();
$('.drop.hide').hide();
$('#'+b).parents('.drop').show()
});
$('.dropdown').change(function() {//alert("A")
});
});
</script>
</body>
</html>
