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

В Firefox:

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>