只顯示一個孩子DIV

-1

我試圖根據一個參數顯示/隱藏字段。事情是，有時我想展示兩個領域，有時只是其中的一個領域。只顯示一個孩子DIV

我有以下代碼：

<div class="djform_row extra_fields"> 
    <div id="ex_fields" style="display: none;"> 
     <div class="djform_row"> 
      <label id="djisbn-lbl" class="label" for="djisbn">ISBN * </label> 
      <div class="djform_field"> 
       <input id="djisbn" class="inputbox required" type="text" value="" name="isbn" required="required" aria-required="true"> 
       <div id="suggestions"></div> 
      </div> 
     </div> 
     <div class="djform_row"> 
      <label id="djautor-lbl" class="label" for="djautor">Autor * </label> 
      <div class="djform_field"> 
       <input id="djautor" class="inputbox required" type="text" value="" name="autor" required="required" aria-required="true"> 
      </div> 
     </div> 
    </div> 
</div>

我展示它依賴於這樣的類別：

if(cat_id > 38){ 
    document.getElementById('ex_fields').style.display = 'none'; 
}else{ 
    document.getElementById('ex_fields').style.display = 'block'; 
}

但我真正想要做的是，當CAT_ID> 38，顯示只是Autor字段。

我想兩個div的設置和id的DIV CLASS =「djform_row，diferent的ID，但是這並沒有奏效。

我該怎麼辦呢？有什麼建議？

來源

2014-06-08 Zariweya

你在哪裏得到CAT_ID？ – IrishGeek82

在同一頁面。這是一個選擇的類別。 – Zariweya

你能利用JQuery嗎？ – IrishGeek82

給予每個.djform_row一個ID我認爲它的問題很好的解決，我讓下面的一些代碼：

<div class="djform_row extra_fields"> 
     <div id="ex_fields" > 
      <div id="child1" class="djform_row" style="display: none;"> 
       <label id="djisbn-lbl" class="label" for="djisbn">ISBN * </label> 
       <div class="djform_field"> 
        <input id="djisbn" class="inputbox required" type="text" value="" name="isbn" required="required" aria-required="true"> 
        <div id="suggestions"></div> 
       </div> 
      </div> 
      <div id="child2" class="djform_row" style="display: none;"> 
       <label id="djautor-lbl" class="label" for="djautor">Autor * </label> 
       <div class="djform_field"> 
        <input id="djautor" class="inputbox required" type="text" value="" name="autor" required="required" aria-required="true"> 
       </div> 
      </div> 
     </div> 
    </div>

的Javascript

if(cat_id > 38){ 
    document.getElementById('child2').style.display = 'block'; 
}else{ 
    document.getElementById('child1').style.display = 'block'; 
    document.getElementById('child2').style.display = 'block'; 
}

我離開的jsfiddle這裏：http://jsfiddle.net/2xrNT/

來源

2014-06-09 00:03:20 jandresrodriguez

不，我不知道爲什麼，但那是行不通的。不管怎樣，謝謝你。 – Zariweya

@Zariweya我離開JSFiddle工作... – jandresrodriguez

所以我的代碼被破壞了。好的，非常感謝。 – Zariweya

只顯示一個孩子DIV

回答

相關問題