2013-01-18 65 views
0

我发誓,我要学习更多的JavaScript default之外的无线电按钮被点击...隐藏下拉框,如果

我有这个页面(这真是一个包括在另一个ASP页文件,但我复制正确的HTML和制造它,所以它会通过自身对我的测试目的加载):

FO Samples

这是它应该如何表现时,他们首先加载它。如果他们选择其他单选按钮之一,则应隐藏2个下拉框。使用这个代码(我从别人的问题中发现的东西),它的工作。

<script type="text/javascript"> 
    function ChangeDropdowns(value) { 
     if (value == "0") { 
      document.getElementById('SAMPLEDROPDOWN').style.display = 'block'; 
     } 
     else { 
      document.getElementById('SAMPLEDROPDOWN').style.display = 'none'; 
     }   
    } 
</script> 

但我不知道如何让它再次显示他们,如果他们回到“我想自己挑选!”无线电。 SAMPGROUP的值是该样本类别组的数据库中的ID。所以它不一定是数字顺序,它可能会跳过#(如果我们删除了一个类别或某物)。基本上,如果SAMPGROUP = 0,它应该显示下拉列表,而不是其他任何东西!

我试着改变我的代码(95是“Autumm”选项的SAMPGROUP的值),但它似乎没有任何区别。

<script type="text/javascript"> 
    function ChangeDropdowns(value) { 
     if (value == "0") { 
      document.getElementById('SAMPLEDROPDOWN').style.display = 'block'; 
     } else if (value == "95") { 
     document.getElementById('SAMPLEDROPDOWN').style.display = 'none'; 
    } 
    else { 
     document.getElementById('SAMPLEDROPDOWN').style.display = 'none'; 
    }   
    } 
</script> 

任何帮助将不胜感激!!

Mahalo!

回答

0

你是不是在你的onchange事件设置“值”,因此它永远不会等于0,尝试修改此:

<input type="radio" name="SAMPGROUP" value="0" OnChange="Javascript:ChangeDropdowns()" checked /> 

<input type="radio" name="SAMPGROUP" value="0" OnChange="Javascript:ChangeDropdowns(0)" checked /> 

这里是fiddle

祝你好运。

0

在调用函数ChangeDropdowns时,您可能不会将任何值传递给参数“value”。请确保你通过像ChangeDropdowns值(0)等。