1

Делаю так:

<div id="box"></div>
<script>
  var shouts = {
    1: "Day",
    2: "Day",
    3: "Day",
    4: "Week",
    5: "Week"

  };

  function shoutbox(select) {
    var selected = select.options[select.selectedIndex];

    if (selected.value in shouts) {

      document.getElementById("box").innerHTML = shouts[selected.value];
    } else {

      document.getElementById("box").innerHTML = "Day";
    }
  }
</script>

    <select id="calc" class="calc_cell" onchange="shoutbox(this); func(this)">
                    <option selected value="1">Day</option>
                    <option value="2">Day</option>
                    <option value="3">Day</option>
                    <option value="4">Week</option>
                    <option value="5">Week</option>
                </select>

Работает только когда делаешь выбор в селект, а при загрузке страницы в div пусто, как заставить отображаться сразу же?

1 ответ 1

4

После объявления функции её нужно вызывать (jsFiddle):

function shoutbox(select) {
    var selected = select.options[select.selectedIndex];

    if (selected.value in shouts) {

        document.getElementById("box").innerHTML = shouts[selected.value];
    } else {

        document.getElementById("box").innerHTML = "Day";
    }
}

shoutbox(document.getElementById("calc"));

Вызов функции необходимо осуществлять после блока select или на событии DOMContentLoaded

4
  • Это не будет работать, если просто добавить вызов функции в конец блока script.
    – Vartlok
    22 апр 2015 в 10:00
  • Почему не будет работать? Правда лучше сделать вызов после кода select.
    – Ella S.
    22 апр 2015 в 10:08
  • Да, данный код должен быть после блока select. Не обратил внимания, что в jsFiddle он ставится после всего HTML. 22 апр 2015 в 10:14
  • По порядок не учел, вставлял код вначале страницы.. и он как следствие не работал, как только поместил вниз страницы, все заработало! Спасибо огромное!
    – Nikita
    22 апр 2015 в 10:26

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.