javascript 函数没有执行任何操作

Question

我有以下函数，我想隐藏表单中的一些文本输入字段。我想要隐藏的所有字段都包含在 div 'site2' 中

<script language="Javascript">

function showHide(value) {
if (value=='yes') {
        document.getElementById(site2).style.display = "none";
        document.getElementById(site2).style.display = "block";
        document.add.addSite2Line1.disabled=true;
    }
    else if (value=='no') {
        document.getElementById(site2).style.display = "inline";
        document.getElementById(site2).style.display = "none";
    }
}
}
    </script>

并创建了一个下拉框。当没有选择时它应该显示

<label><span>Single Site?</span><Select name="field" onchange="showHide(this.selectedIndex);"></label>
 <Option value="yes">yes</option>
 <Option value="no">no</option>
 </Select><br /><br /><br /><br />

但是当我运行页面时什么也没有发生

Answer 1

您正在传递 selectedIndex，但您正在检查它，就好像它是值一样......请尝试以下操作:

<Select name="field" onchange="showHide(this.value);"></label>

或者尝试在处理之前从项目中检索值:

function showHide(selectedIndex) {
    var value = document.getElementById("field").options[selectedIndex].value;

    if (value=='yes') {
        document.getElementById(site2).style.display = "none";
        document.getElementById(site2).style.display = "block";
        document.add.addSite2Line1.disabled=true;
    }
    else if (value=='no') {
        document.getElementById(site2).style.display = "inline";
        document.getElementById(site2).style.display = "none";
    }
}

Slanec 关于 getElementById(site2) 与 getElementById("site2") 的评论也是有效的。如果不查看页面的其余部分，很难判断，但如果您没有在 Javascript 中声明名为 site2 的变量，那么您可能会收到其他错误。