Друг, если я понял тебя правильно, то может быть как то так
<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="jquery.js"></script>
<script>
$(document).ready(function() {
$('#apparat').change(function() {
$('.drop').hide()
$('#'+this.value).show()})})
</script>
<style>
/* SET THE HIDDEN INPUT FIELD IN A DIV */
#comp {
display: none;
}
#phone {
display: none;
}
#note {
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 id="comp" class="drop">
<label>Выберите тип Вашего компьютера:</label>
<select name="compv" class="dropdown" id="compv">
<option value="notebook">Переносной ПК (ноутбук, нетбук)</option>
<option value="stat">Стационарный ПК</option>
</select>
</div>
<!-- END HIDDEN INPUT -->
<!-- BEGIN HIDDEN INPUT -->
<div id="note" class="drop">
<label>Опишите здесь чтото:</label>
<textarea name="note" class="dropdown"></textarea>
</div>
<!-- END HIDDEN INPUT -->
<!-- BEGIN HIDDEN INPUT -->
<div id="phone" class="drop">
<label>Выберите производителя Вашего телефона:</label>
<select name="phonev" class="dropdown" id="phonev">
<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>
|