Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   При выборе Select (https://javascript.ru/forum/dom-window/41573-pri-vybore-select.html)

amf1k 19.09.2013 23:50
При выборе Select
 
Как реализовать, что бы при клике на 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


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

рони 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 20.09.2013 00:40
Так работает если мы выбирает только <option value="Отделение №1">Отделение №1</option>, а как реализовать чтобы работало на всез option кроме option value="Выберите Вариант" ?

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

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

ksa 20.09.2013 09:57
Цитата:
Сообщение от amf1k
а можно вместо document.getElementsByTagName('button') подставить ID вот так document.getElementsId('#button') ?
Нет такого метода
getElementsId()

Есть 
document.getElementById()

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

ksa 21.09.2013 15:58
Цитата:
Сообщение от amf1k
как это реализовать с помощью ID?
Таки указать то ИД...

amf1k 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 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>


Часовой пояс GMT +3, время: 06:22.
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице