的Javascript下拉改變風格的顯示器不工作

我有2行的表，用ID每一行切換visability：的Javascript下拉改變風格的顯示器不工作

<table border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td>'.$text_tier_show.':</td> 
     <td> 
      <select name="showart" onchange="show_toggle(this.value)"> 
       <option value="">-- Bitte Show w&auml;hlen --</option> 
       <option value="1">Vliesshow</option> 
       <option value="2">Tiershow</option> 
       <option value="3">Gymkhana</option> 
       <option value="4">Nachzucht Hengst</option> 
       <option value="5">Nachzucht Stute</option> 
      </select></td> 
     </tr> 
     <tr id="gkanreise" style="display:none;"> 
     <td></td> 
     <td>Gymkhana anreise</td> 
     </tr> 
     <tr id="nachzucht" style="display:none;"> 
     <td colspan="2">Nachzuchten</td> 
     </tr> 
    </table>

在默認情況下兩行是隱藏的，但是當有人點擊的第三我想要顯示第一行的下拉列表，以及下拉列表的第4行和第5行，我想顯示第二行。

我使用JavaScript如下：

function show_toggle(show){ 
    var g = document.getElementById("gk_anreise"); 
    var n = document.getElementById("nachzucht"); 
       g.style.display = 'none'; 
       n.style.display = 'none'; 
    switch(show){ 
     case 3: 
       g.style.display = 'block'; 
     break; 
     case 4: 
       n.style.display = 'block'; 
     break; 
     case 5: 
       n.style.display = 'block'; 
     break; 
    } 
}

但是，整個事情是行不通的。不管我在下拉列表中選擇什麼，它都沒有顯示任何內容。有人可以幫助我。非常感謝您的幫助。 Burzi

來源

2014-12-27 Burzi

更改ID

從document.getElementById("gk_anreise");到document.getElementById("gkanreise");

也轉換show從string到int

switch(parseInt(show)) {

演示：http://jsbin.com/bimido/1/edit?html,js,output

來源

2014-12-27 16:48:15

THX，該工作=） – Burzi 2014-12-27 16:53:03

的Javascript下拉改變風格的顯示器不工作

回答

相關問題