javascript - JS 在 IE 上工作，在 chrome 和 FF 上不起作用

Question

好吧，这确实是一个非常奇怪的问题，但这确实发生在我身上，我写了一个可以在 IE 上运行的 JS，但它不能在 firefox 或 chrome 上运行。

我希望有人能启发我为什么会发生这种情况......

我的 HTML 代码是下一个

<h4>What kind of animals do you like the most?</h4>
<select id="animalName" name="animalName">
    <option selected="selected" disabled="disabled">Which animal is it?</option>
    <option value="Cat">Cat</option>
    <option value="Dog">Dog</option>
    <option value="Lion">Lion</option>
    <option value="Other">Other</option>
</select>
<div id="otherAnimalNameDiv">
    <h4>As you picked the other, would you like to write it down to let us know?</h4>
    <input type="text" name="otherAnimalName" size="40" id="otherAnimalName" />
</div>

接下来是我的 JS 代码:

    var animalName = document.getElementById("animalName");
    var animalOtherName = document.getElementById("otherAnimalNameDiv");

    function animalSelect (){
        animalName.onchange = function (){
            if (animalName.options.value == "Other"){
                animalOtherName.style.display = "block";
            }
        };
        animalOtherName.style.display = "none";
    }

window.onload = function () {
    firstNameFunc();
    familyNameFunc ();
    emailAddressFunc ();
    passwordFunc ();
    rewritePasswordFunc ();
    colorPickerFunc ();
    animalSelect ();
    }   

为什么它可以在 IE 上运行而不能在 Chrome 或 FF 上运行？...

当您从选择标签中选择“其他”选项时，它应该将 div 显示设置为阻止，这种情况发生在 IE 上，但不会发生在 FF 或 chrome 上。

Answer 1

我敢打赌问题出在你的 if 语句上:

if (animalName.options.value == "Other"){

如果您尝试获取所选选项的值，您应该尝试类似这样的操作:

if (animalName.options[animalName.selectedIndex].value == "Other"){