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

Сообщений: 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)

Новые темы	Объявления	Свободное общение
04:53 Как раскрутить сайт? 19:21 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 19:01 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 15:59 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 13:14 2Index - быстрая индексация страниц сайта и обратных ссылок 14:59 Партнерская программа OWNR WALLET 14:41 SharkBoss - партнёрская программа для монетизации ЛЮБЫХ видов трафика (включая спам).	23:01 Партнёрка для вебмастеров 20:47 EasyBusy.bz Проводи обмены легко и быстро вместе с нами 19:17 Johnny.Do \| Обмен криптовалют с круглосуточной техподдержкой 18:13 Ural-obmen.ru — выгодный сервис обмена 16:48 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 15:52 Продам аккаунты HH.RU 15:24 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно	04:23 Точные прогнозы на футбол 17:34 С юмором по жизни! 08:11 Добро пожаловать в цифровой мир... 20:36 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 09:45 Подтягиваем физкультурку 15:02 Замедление скорости YouTube будет происходить по естественным причинам 09:47 Китайцы создали себе национальный Linux, напичканный ИИ-функциями