Помогите! Ошибка в простом скрипте.
Страницы: 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)
Новые темыОбъявленияСвободное общение
00:12 XEvil - софт для разгадывания капчи. Бесплатная демо-версия. Привязка к SEO/SMM-софту. 
23:11 APK на паузе. Google убивает быстрый конверт 
16:58 MAX попер в бурж: 40 стран, ведение каналов и горы дешевого трафика 
15:38 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
15:09 А+ в MAX: Квитанция на получение денег 
17:45 AviTool - мощный инструмент для автоматизации работы с Avito 
15:31 adsense в 2026: кто реально выводит копейку через киргизию? 
13:23 Trustpilot Reviews | Подниму рейтинг вашей компании 
13:22 №1 Рассылка / Инвайтинг [TELEGRAM] | Приватный метод 
13:22 Продвижение YouTube видео в топ поиска | Любой тип контента | Гарантия результата 
13:21 Установка|Настройка|Доработка|Наполнение сайтов|Дизайн|3D|Видеомонтаж 
10:25 Мониторинг обменников Сrypto-scout.io 
08:28 Monitex: Мониторинг с кэшбэком 80% в USDT 
02:29 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 
13:53 8 марта: желаю аптайма 99.9% и e-e-a-t без локов 
13:50 Панель Кнопки соцсетей 
13:04 молодильные яблоки и живая вода 
06:03 Точные прогнозы на футбол 
22:52 С юмором по жизни! 
15:29 Компьютерная мышь 
12:46 Актуально для тех кто хочет заработать в интернете