Тема: Формы, select
Показать сообщение отдельно
  #4 (permalink)  
Старый 10.11.2014, 18:25
Профессор
Посмотреть профиль Найти все сообщения от krutoy
 
Регистрация: 09.11.2014
Сообщений: 610

moslem, вот так попробуйте:
<!DOCTYPE html>
<html>
<head>
  <meta charset="windows-1251">
  <title>JS Bin</title>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <style>
    #price{display: none}
  </style>
</head>
<body>
<form action="/">
  <input type="text" placeholder="Имя"><br /><br />
  <input type="text" placeholder="Номер"><br /><br />
  <select name="subject" id="subject">
    <option>Выберите вопрос</option>
    <option>Вопрос 1</option>
    <option>Вопрос 2</option>
  </select><br /><br />
  <select name="price" id="price">
    <option>Вопрос 3</option>
    <option>Вопрос 4</option>
  </select><br /><br />
  <input type="submit" value="Send">
</form>
 <div></div>
<script>
price=document.querySelector("#price")
subject=document.querySelector("#subject")
subject.onchange=function(){
if(this.value==="Вопрос 1") price.style.display="block"
}
</script>
</body>
</html>
Ответить с цитированием