Html錶行對齊

Question

我想顯示/隱藏選擇「域類型」（第一行第三個組合框）的基礎上的行，這打破了對齊。這是fiddle

如何有效地顯示/隱藏行並保持對齊？

謝謝。

Answer 1

**編輯**
「隱藏」 的元件中，使用 「能見度」 屬性，而不是 「顯示」 屬性

對於表，使用

style.visibility="collapse" and style.visibility="visible" 

對於所有其他元素，請使用

style.visibility="hidden" and style.visibility="visible" 

Answer 2

使用這個

<script> 
     function getTypes() 
     { 
      if(document.getElementById("displayType").value.indexOf("rlo")!=-1) 
      { 
       document.getElementById("secondRow").style.visibility="visible"; 
       document.getElementById("thirdRow").style.visibility="collapse"; 

       } 
      else 
       { 
        if(document.getElementById("displayType").value.indexOf("ft")!=-1) 
        { 
         document.getElementById("secondRow").style.visibility="collapse"; 
         document.getElementById("thirdRow").style.visibility="visible"; 
         } 
       } 
      } 
</script>