Изображения не загружаются из списка выбора - PullRequest
0 голосов
/ 24 февраля 2019

По какой-то причине приведенный ниже код javascript некорректно загружает изображение из выбранного списка, но при проверке элемента закройте окно проверки элемента, закройте окно загрузок в нижней части браузера или выберите другой элемент ивернуться к изначально выбранному элементу в списке, изображение появляется вверх.Кроме того, в Firefox я не испытываю этого (это происходит только в Chrome);нужное изображение загружается прямо при выборе элемента из выпадающего списка.


В Chrome:

enter image description here

В Firefox:

enter image description here


Javascript:

villainChoice = document.getElementById("villainChoice");
villainChoice.onchange = function () {
    if (villainChoice.value == "") {
        document.getElementById("villainWaitingHand").innerHTML = "";
        document.getElementById("villainWaitingHand").classList.remove("bodydiv");
        document.getElementById("villainWaitingHand").classList.add("hidden");
    } else {
        document.getElementById("villainWaitingHand").classList.remove("hidden");
        document.getElementById("villainWaitingHand").classList.add("bodydiv");
        var vilName = villainChoice.value.toLowerCase().split(' ').join('_').split('.').join('');
        document.getElementById("villainWaitingHand").innerHTML = "<p>" + villainChoice.value + " is ready.</p><br><img id='" + vilName + "' class='villainWaitingImg' src='/images/" + vilName + "_waiting.svg'>";
    }
}

HTML:

<div id="throw_choice" class="bodydiv">
    <form id="gameForm" action="/" method="get">
        Enter your choice of villain:<br>
        <select id="villainChoice" name="villain" required>
            <option value=""> </option>
            <option value="Bones">Bones</option>
            <option value="Gato">Gato</option>
            <option value="Manny">Manny</option>
            <option value="Mr. Modern">Mr. Modern</option>
            <option value="Regal">Regal</option>
            <option value="The Boss">The Boss</option>
            <option value="Comic Hans">Comic Hans</option>
            <option value="Harry">Harry</option>
            <option value="Mickey">Mickey</option>
            <option value="Pixie">Pixie</option>
            <option value="Spock">Spock</option>
            <option value="The Magician">The Magician</option>
        </select>
        <br><br>
        <button type = "submit" id="throw_choice_button">Throw Choice</button>
    </form>
</div>
<div id="villainWaitingHand" class="hidden"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...