Помогите! Ошибка в простом скрипте.
Страницы: 1
Помогите! Ошибка в простом скрипте.
Написал скрипт, не могу понять где ошибка!


Код
<!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
Код
<!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/
Цитата
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
 
2) В условиях if у вас стоит = а не сравнивание ==
3) У вас getElementbyId а должно быть getElementById (буква B большая должна быть ...By... )

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

Не работает 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]
Измените название функции, такое название недопустимо, так как используется javascript'ом smile:)
Изменено: Sillys - 14 Апреля 2013 15:34
Цитата
Sillys пишет:
Измените название функции, такое название недопустимо, так как используется javascript'ом smile:)
Спасибо, всё работает!
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
21:39 Подскажите где продвигать сайт. 
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 
19:12 Мошенники-копирайтеры 
08:57 Индексация страниц 
23:16 Есть ли альтернатива Адсенсу и РСЯ? 
20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
18:53 Настройка плагина для wordpress Price Shop 
20:51 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
17:02 anyexchange.best - обменный пункт электронных валют AnyExchange 
16:27 Exch-Em сервис обмена криптовалют 
10:05 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 
09:54 WebKazna. Обмены криптовалют. Доставка наличных. 
09:08 SpaceSwap.cc - Быстрый и надежный обменник криптовалют 
02:27 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 
21:06 Точные прогнозы на футбол 
20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 
09:37 Договорные матчи от ИИ 
20:29 SMM-24.com САМЫЙ ДЕШЕВЫЙ SMM - Накрутка от 0.0001$|TG/TG PREMIUM/YT/TWIT/IG/TT/FB 
08:32 Бесплатный SEO аудит. 
20:52 Что сейчас топ по монетизации? Видео-темы или что-то поинтереснее? 
21:55 Хром ругается на форум