Question

我在这个论坛搜索，并尝试了不同的方式在这里解释，我尝试了一切，但我有这个问题，因为你可以看到我尝试了不同的方式，功能告诉我警报....但不隐藏或显示任何内容，我不知道为什么：/

<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>

Answer 1

你的块结构注释结构和select元素的id是错误的，请看看这个。

已添加表格标签
功能名称已更改为显示
评论已删除。
，则删除b.style行。

http://jsfiddle.net/Dg8wR/

剩下的就在你手中。

显示/隐藏选择html5 javascript

1 个答案: