的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下拉改变风格的显示器不工作

回答

相关问题