Форум

amf1k · #1 (**permalink**) 19.09.2013, 23:50

Как реализовать, что бы при клике на select выбираем один с option и нам появляется скрытая кнопка button, если мы выбираем option value="Выберите Вариант" то кнопка button крывается!
Вот Код:

<select name="select">
          <option value="Выберите Вариант">Выберите Вариант</option>
          <option value="Отделение №1">Отделение №1</option>
          <option value="Отделение №2">Отделение №2</option>
          <option value="Отделение №3">Отделение №3</option>
          <option value="Отделение №4">Отделение №4</option>
</select>
<button style="display: none;">Отправить</button

Как это можно реализовать?

рони · #2 (**permalink**) 20.09.2013, 00:06

Сообщение от amf1k

Как это можно реализовать?

читать понять найти и несдаватся нессать

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<select name="select" onchange="document.getElementsByTagName('button')[0].style.display=this.selectedIndex ? '':'none'">
          <option value="Выберите Вариант">Выберите Вариант</option>
          <option value="Отделение №1">Отделение №1</option>
          <option value="Отделение №2">Отделение №2</option>
          <option value="Отделение №3">Отделение №3</option>
          <option value="Отделение №4">Отделение №4</option>
</select>
<button style="display: none;">Отправить</button>
</body>
</html>

amf1k · #3 (**permalink**) 20.09.2013, 00:40

Так работает если мы выбирает только <option value="Отделение №1">Отделение №1</option>, а как реализовать чтобы работало на всез option кроме option value="Выберите Вариант" ?

рони · #4 (**permalink**) 20.09.2013, 01:00

amf1k,
вы совсем не хотите думать ? ~~== 1~~
смотрите код выше

amf1k · #5 (**permalink**) 20.09.2013, 01:41

а можно вместо document.getElementsByTagName('button') подставить ID вот так document.getElementsId('#button') ?

ksa · #6 (**permalink**) 20.09.2013, 09:57

Сообщение от amf1k

а можно вместо document.getElementsByTagName('button') подставить ID вот так document.getElementsId('#button') ?

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

getElementsId()

Есть

document.getElementById()

amf1k · #7 (**permalink**) 20.09.2013, 15:45

простите пропустил By! как это реализовать с помощью ID?

ksa · #8 (**permalink**) 21.09.2013, 15:58

Сообщение от amf1k

как это реализовать с помощью ID?

Таки указать то ИД...

amf1k · #9 (**permalink**) 21.09.2013, 16:07

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<select name="select" onchange="document.getElementsByTagName('#but_id')[0].style.display=this.selectedIndex ? '':'none'">
          <option value="Выберите Вариант">Выберите Вариант</option>
          <option value="Отделение №1">Отделение №1</option>
          <option value="Отделение №2">Отделение №2</option>
          <option value="Отделение №3">Отделение №3</option>
          <option value="Отделение №4">Отделение №4</option>
</select>
<button id="but_id" style="display: none;">Отправить</button>
</body>
</html>

не работает!

ruslan_mart · #10 (**permalink**) 21.09.2013, 16:12

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<select name="select" onchange="document.getElementById('but_id').style.display=this.selectedIndex ? '':'none'">
          <option value="Выберите Вариант">Выберите Вариант</option>
          <option value="Отделение №1">Отделение №1</option>
          <option value="Отделение №2">Отделение №2</option>
          <option value="Отделение №3">Отделение №3</option>
          <option value="Отделение №4">Отделение №4</option>
</select>
<button id="but_id" style="display: none;">Отправить</button>
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript