Показать сообщение отдельно
  #5 (permalink)  
Старый 05.01.2013, 14:40
жажду знаний
Отправить личное сообщение для bushstas Посмотреть профиль Найти все сообщения от bushstas
 
Регистрация: 17.07.2009
Сообщений: 202

может тогда так

обязательно убери #note{display:none}

<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; 
}

/* 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>
</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 id="note">
<label>Опишите здесь чтото:</label> 
<textarea name="note" class="dropdown"></textarea>
</div>
</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>
__________________
не стреляйте в пианиста, он играет, как умеет

Последний раз редактировалось bushstas, 05.01.2013 в 14:45.
Ответить с цитированием