2013-01-18 92 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)等。