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

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

Новые темы	Объявления	Свободное общение
07:24 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 22:21 Стоит ли добавлять сайт в Rambler топ 100? 22:14 Rotapost прикрыли! Чем пользоваться? 12:05 DLE не создает бэкап с админки сайта, как быть? 11:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 18:52 SEO под нейро 15:55 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	11:23 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 11:16 Swapper.ws - Обмен криптовалют. Быстро, выгодно, круглосуточно. 10:48 AllCharge.online. Современный, быстрый и надёжный обменник 08:39 Все услуги в Телеграм 21:47 Продам pubghelp.ru 18:47 Full-Stack Developer — Сайты и Софт любой сложности \| Developer Websites and Soft of any Complexity! 18:04 SnapSwap.io — мгновенный обмен BTC, XMR, ETH, USDT и других криптовалют без регистрации!	10:10 накрутка трафика в SimilarWeb 16:50 Компьютерная мышь 11:32 Про мясо 22:11 С юмором по жизни! 23:03 Точные прогнозы на футбол 13:08 Бесплатный майнинг Tether (USDT) 16:49 monetizer.agency – рекламная сеть для взрослого и развлекательного трафика. 100$ новому вебмастеру