Не работает javascript в html

4 повідомлення

#9 років тому

Ребята, вообщем есть код, который отлично работает в Fiddle (онлайн редактор js)
Но когда вставляешь в html, то код не срабатывает.. Не могу понять почему.
Уже все испробовал и в js файл записывал и в <script> загонял, все бестолку.
Помогите плиз. Вот код - посилання

731 повідомлення

#9 років тому

<!doctype html>

<html lang="en">

   <head>

      <meta charset="UTF-8" />

      <title>Document</title>

   </head>

   <body>

      <select id="showNumber">

         <option value="1" data-phone="Телефон 1" data-name="Имя 1">Челябинск</option>

         <option value="2" data-phone="Телефон 2" data-name="Имя 2">Пермь</option>

         <option value="3" data-phone="Телефон 3" data-name="Имя 3">Уфа</option>

         <option value="4" data-phone="Телефон 4" data-name="Имя 4">Краснодар</option>

         <option value="5" data-phone="Телефон 5" data-name="Имя 4">Санкт-Петербург</option>

      </select>

      <div id="showResult"></div>

   </body>

   <script>

      var showNumber = document.getElementById('showNumber');

      var showResult = document.getElementById('showResult');

      showNumber.addEventListener('change', function(e) {

         var selected = this.options;

         var name = selected.getAttribute('data-name');

         var phone = selected.getAttribute('data-phone');

         showResult.innerHTML = name + ' ' + phone;

      })

   </script>

</html>

Просто скрипт надо вставлять после хтмл-а. Т.к. по другому сначала обрабатывается скрипт, пока нет структуры. И выводит ошибку. Соответственно, нам скрипт надо выводить после того как прогрузилась структура. В jq это решается document ready.

4 повідомлення

#9 років тому

Огромное тебе спасибо!
Так то все логично, а я голову ломаю..)