Помогите! Ошибка в простом скрипте.

Сообщений: 84 Регистрация: Ноя 2012

14 Апреля 2013 13:59

Написал скрипт, не могу понять где ошибка!

Код

<!DOCTYPE html>
<html>
<head>
   <title>Select - Input</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <script>
      function Snow(value) {
         document.write("!!!");
         if(value == "1") {
            document.getElementbyId('i1').style.display = 'block';
            document.getElementbyId('i2').style.display = 'none';
            document.getElementbyId('i3').style.display = 'none';
         }
         if(value == "2") {
            document.getElementbyId('i1').style.display = 'none';
            document.getElementbyId('i2').style.display = 'block';
            document.getElementbyId('i3').style.display = 'none';
         }
         if(value == "3") {
            document.getElementbyId('i1').style.display = 'none';
            document.getElementbyId('i2').style.display = 'none';
            document.getElementbyId('i3').style.display = 'block';
         }
      }
   </script>
</head>
<body>
   <select name = "sel" onchange = "Show(this.value)">
      <option value = "0">Выберите вариант
      <option value = "1">Вариант 1
      <option value = "2">Вариант 2
      <option value = "3">Вариант 3
   </select><br />
   <input name = "i1" id = "i1" value = "1" />
   <input name = "i2" id = "i2" value = "2" />
   <input name = "i3" id = "i3" value = "3" />
</body>
</html>

Изменено: Платон Ефимов - 14 Апреля 2013 14:42

Я зарабатываю до 300 рублей за 1000 показов BodyClick!

Sillys

Сообщений: 340 Регистрация: Сен 2012

14 Апреля 2013 14:56

Код

<!DOCTYPE html>
<html>
<head>
   <title>Select - Input</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <script type="text/javascript">
   function showhide(value) {
      if (value == '1') {
         document.getElementById('i1').style.display = 'block';
         document.getElementById('i2').style.display = 'none';
         document.getElementById('i3').style.display = 'none';
      }
      if (value == '2') {
         document.getElementById('i1').style.display = 'none';
         document.getElementById('i2').style.display = 'block';
         document.getElementById('i3').style.display = 'none';
      }
      if (value == '3') {
         document.getElementById('i1').style.display = 'none';
         document.getElementById('i2').style.display = 'none';
         document.getElementById('i3').style.display = 'block';
      }
   }
   </script>
</head>
<body>
    <select name="sel" onchange="showhide(this[this.selectedIndex].value)">
        <option value="1">Вариант 1</option>
        <option value="2">Вариант 2</option>
        <option value="3">Вариант 3</option>
    </select><br />
    <input name="i1" id="i1" value="1" />
    <input name="i2" id="i2" value="2" />
    <input name="i3" id="i3" value="3" />
</body>
</html>

1) Обратите внимание как правильно получить значение выбранного элемента в select

Код
this[this.selectedIndex].value

2) В условиях if у вас стоит = а не сравнивание ==
3) У вас getElementbyId а должно быть getElementById (буква B большая должна быть ...By... )

P.S. Проверяй теперь всё должно работать smile:)

Изменено: Sillys - 14 Апреля 2013 15:00

Предлагаю Услуги по веб-разработке/программированию
HTML(HTML5), CSS(CSS3), JavaScript(jQuery, AJAX), PHP, MySQL
========================================
http://www.cy-pr.com/forum/f58/t37537/
http://www.cy-pr.com/forum/f50/t35619/

Платон Ефимов

Сообщений: 84 Регистрация: Ноя 2012

14 Апреля 2013 15:06

Цитата

Sillys пишет:

Код

 <!DOCTYPE html>
<html>
<head>
   <title>Select - Input</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <script type="text/javascript">
   function showhide(value) {
      if (value == '1') {
         document.getElementById('i1').style.display = 'block';
         document.getElementById('i2').style.display = 'none';
         document.getElementById('i3').style.display = 'none';
      }
      if (value == '2') {
         document.getElementById('i1').style.display = 'none';
         document.getElementById('i2').style.display = 'block';
         document.getElementById('i3').style.display = 'none';
      }
      if (value == '3') {
         document.getElementById('i1').style.display = 'none';
         document.getElementById('i2').style.display = 'none';
         document.getElementById('i3').style.display = 'block';
      }
   }
   </script>
</head>
<body>
    <select name="sel" onchange="showhide(this[this.selectedIndex].value)">
        <option value="1">Вариант 1</option>
        <option value="2">Вариант 2</option>
        <option value="3">Вариант 3</option>
    </select><br />
    <input name="i1" id="i1" value="1" />
    <input name="i2" id="i2" value="2" />
    <input name="i3" id="i3" value="3" />
</body>
</html>

1) Обратите внимание как правильно получить значение выбранного элемента в select

Код
this[this.selectedIndex].value

Не работает smile:confused:

[code]
<!DOCTYPE html>
<html>
<head>
    <title>Select - Input</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script>
        function Snow(value) {
            if(value == "1") {
                document.getElementById('i1').style.display = 'block';
                document.getElementById('i2').style.display = 'none';
                document.getElementById('i3').style.display = 'none';
            }
            if(value == "2") {
                document.getElementById('i1').style.display = 'none';
                document.getElementById('i2').style.display = 'block';
                document.getElementById('i3').style.display = 'none';
            }
            if(value == "3") {
                document.getElementById('i1').style.display = 'none';
                document.getElementById('i2').style.display = 'none';
                document.getElementById('i3').style.display = 'block';
            }
        }
    </script>
</head>
<body>
    <select name = "sel" onchange = "Show(this[this.selectedIndex].value)">
        <option value = "0">Выберите вариант</option>
        <option value = "1">Вариант 1</option>
        <option value = "2">Вариант 2</option>
        <option value = "3">Вариант 3</option>
    </select><br />
    <input name = "i1" id = "i1" value = "1" />
    <input name = "i2" id = "i2" value = "2" />
    <input name = "i3" id = "i3" value = "3" />
</body>
</html>

[/code]

Sillys

Сообщений: 340 Регистрация: Сен 2012

14 Апреля 2013 15:33

Измените название функции, такое название недопустимо, так как используется javascript'ом smile:)

Изменено: Sillys - 14 Апреля 2013 15:34

Платон Ефимов

Сообщений: 84 Регистрация: Ноя 2012

14 Апреля 2013 15:37

Цитата
Sillys пишет: Измените название функции, такое название недопустимо, так как используется javascript'ом

Спасибо, всё работает!

Похожие темы:

13.11.2016 22:20	Помогите со скриптом для накрутки ботов
13.10.2016 23:15	Помогите, пожалуйста, решить проблему.
22.01.2016 14:52	Помогите настроить tooltip
23.08.2015 08:01	Помогите внедрить на сайт меню вырезанное с другого сайта
23.08.2015 01:47	Помогите допилить скрипт. Футер ползет до бесконечности вниз

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
02:11 LGaming - экосистема и партнерская программа в gambling и betting вертикалях 22:17 Gogetlinks - ссылки навсегда на качественных сайтах с гарантией индексации! - 2 22:15 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 22:10 Изменение в продвижении под Яндекс 12:34 Артемий Лебедев: «ВКонтакте» станет «новым поисковиком» 14:50 Плагин Telegram posting 20:43 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.	22:06 Вечные ссылки с ТОПОВЫХ ресурсов! Размещение вечных трастовых ссылок с тИЦ от + 1000 до +45000 22:05 Готовые аккаунты Яндекс Директ с пройденной модерацией, с отлежкой, трастовые 21:59 Продаются аккаунты Яндекс Директ без НДС (валюта USD). +20% к вашему бюджету 21:18 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 14:07 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 13:26 Аккаунт Пикабу 13:16 Размещу ссылки/статьи на ваш сайт \| Рост ИКС \| XRumer 19.0.15	19:31 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 02:21 Точные прогнозы на футбол 21:17 Шашлыки в 2012-2022 году 13:49 Не храните данные на жёстких дисках 08:22 Инфобизнесменша приобрела курсы у другой за 5,5 млн рублей, но не стала богатой. Она обратилась в полицию 08:15 Новый уровень мошенничества: как россиян обманывают с помощью фейковых порнороликов 21:40 Telegram не смог провести различие между требованиями автократических режимов и законными демократическими запросами