Javascript 基于下拉列表显示/隐藏节-js

大家好，我的代码都很好，但问题是它有点bug。当您选择一个字段，该字段实际取消隐藏一个部分，然后选择另一个字段来隐藏它时，“隐藏”部分仍然存在一段时间！ 下面，您将在codepen上看到我的代码：

Javascript:

function show(aval) {
    if (aval == "1") {
        optionyes.style.visibility='visible';
        optionyes.style.display='block';
        Form.fileURL.focus();
    } 
    if (aval == "0") {
        optionyes.style.visibility='hidden';
        optionyes.style.display='none';
    }
}

HTML:

你对哪个学位感兴趣

请选择一个
同时入学
2015年应用生物伦理学夏季研究
非学位（9小时或更少）
您选择了红色选项，所以我在这里

如果选择“2”，它根本不会隐藏。你只想在aval==1时显示它，对吗？因此，将

if（aval==“0”）{

更改为

else{

function show(aval) {    
    if (aval == "1") {//if 1 then show it
        optionyes.style.visibility='visible';
        optionyes.style.display='block';
        Form.fileURL.focus();
    } 
    else {//for everything else hide it
        optionyes.style.visibility='hidden';
        optionyes.style.display='none';
    }    
}

---

仔细检查你到codepen.io的链接-它会为我返回404。抱歉，试试看：你太棒了，非常感谢！我还需要更多的java培训。我昨天才开始学习。谢谢@Moob！不用担心-不客气。这是一个开始学习的好地方。（Psst:它是“Javascript”而不是“java”-它们是两种不同的语言；））

function show(aval) {    
    if (aval == "1") {//if 1 then show it
        optionyes.style.visibility='visible';
        optionyes.style.display='block';
        Form.fileURL.focus();
    } 
    else {//for everything else hide it
        optionyes.style.visibility='hidden';
        optionyes.style.display='none';
    }    
}