显示/隐藏选择html5 javascript

我在这个论坛上搜索并尝试了这里解释的不同方法，我尝试了所有方法，但我有这个问题，正如你所看到的，我尝试了不同的方法，函数向我显示警报…但没有隐藏或显示任何内容，我不知道为什么：/

<script type="text/javascript">

function show(valor) {
  var zona1=document.getElementById("zona");
  var b=document.getElementById("barrioscf");
  var part=document.getElementById("partidos");

  if (valor==1) {
    /* b.style.visibility='visible';
       part.style.visibility='hidden';
    */
    b.style.display = 'block';
    part.style.display = 'none';

    alert ("entro if 1");
    //document.all.form_crea.barrioscf.style.visibility="visible"
    //document.all.form_crea.p.style.visibility="hidden"

  } else if(valor==2) {
    b.style
    b.style.display = 'none';
    part.style.display = 'block';

    alert ("entro if 2");

    /* b.style.visibility="hidden";
       part.style.visibility="visible";*/
    //document.all.form_crea.barrioscf.style.visibility="hidden"
    //document.all.form_crea.p.style..visibility="visible"
  }
}
</script>


<select id="zona" name="zona_nombre" 
 onChange="javascript:mostrar_barrios(this.value);">
  <option value="1">Capital Federal</option>
  <option value="2">Gran Buenos Aires</option>
</select>

<tr><td>Barrios:
  <td>
    <select id="barriocf"name="barriocf" >
      <?
        while ($row = mysql_fetch_row($result)) { 
          echo "<option value='".$row['0']."'>".$row['1']."</option>";
        } 
        mysql_free_result($result); 
      ?> 
    </select>
<tr id="partidos">
  <td>Partidos:
  <td>
    <select id="p"name="partido" style="visibility:hidden">
      <option value="Avellaneda">Avellaneda</option>
    </select>       

功能显示（valor）{
var zona1=document.getElementById（“zona”）；
var b=document.getElementById（“barrioscf”）；
var part=document.getElementById（“partidos”）；
如果（valor==1）{
/*b.style.visibility='visible'；
part.style.visibility='hidden'；
*/
b、 style.display='block'；
part.style.display='none'；
警报（“如果1则输入”）；
//document.all.form\u crea.barriocf.style.visibility=“可见”
//document.all.form_crea.p.style.visibility=“隐藏”
}否则如果（valor==2）{
b、 风格
b、 style.display='none'；
part.style.display='block'；
警报（“如果2，则输入”）；
/*b.style.visibility=“隐藏”；
part.style.visibility=“可见”*/
//document.all.form\u crea.barriocf.style.visibility=“hidden”
//document.all.form_crea.p.style..visibility=“visible”
}
}
首都联邦
大布宜诺斯艾利斯酒店
巴里奥斯：
党派：
阿维拉内达

您的块结构注释结构和select元素的id是错误的，请查看这一个

添加了表标记

函数名更改为显示

删除评论

第二个如果被阻止，则更正并删除

b.style

行

---

剩下的就交给你了。

首先，你的HTML是无效的。您的

tr

和

td

元素需要关闭标签。我没有看到

表

标记，但它也需要一个close标记。另外，在底部有

id=“p”name=“partido”

——属性之间应该有一个空格。我也看到了一个

show（valor）

函数，但我不知道它在哪里被调用。@TR和TD的jihao关闭标记是可选的。注意HTML5部分中的示例没有结束标记。@RobG感谢您的更正，我不知道这一点。