Javascript Html表格行对齐

我试图根据选择的“域类型”（第一行中的第三个组合框）显示/隐藏行，这会破坏对齐。这是你的电话号码

如何有效地显示/隐藏行并保持对齐

谢谢。

**编辑**
要“隐藏”元素，请使用“可见性”属性而不是“显示”属性

对于表格，使用

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

对于所有其他元素，使用

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

**编辑**
要“隐藏”元素，请使用“可见性”属性而不是“显示”属性

对于表格，使用

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

对于所有其他元素，使用

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

用这个

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

函数getTypes（）
{
if（document.getElementById（“displayType”）.value.indexOf（“rlo”）！=-1）
{
document.getElementById（“第二行”）.style.visibility=“可见”；
document.getElementById（“thirdRow”）.style.visibility=“collapse”；
}
其他的
{
if（document.getElementById（“displayType”）.value.indexOf（“ft”）！=-1）
{
document.getElementById（“secondRow”）.style.visibility=“collapse”；
document.getElementById（“thirdRow”）.style.visibility=“visible”；
}
}
}

使用此

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

函数getTypes（）
{
if（document.getElementById（“displayType”）.value.indexOf（“rlo”）！=-1）
{
document.getElementById（“第二行”）.style.visibility=“可见”；
document.getElementById（“thirdRow”）.style.visibility=“collapse”；
}
其他的
{
if（document.getElementById（“displayType”）.value.indexOf（“ft”）！=-1）
{
document.getElementById（“secondRow”）.style.visibility=“collapse”；
document.getElementById（“thirdRow”）.style.visibility=“visible”；
}
}
}

Hi-jao，它似乎在工作，但在隐藏第二行（按文件类型选择）后，第二行有一个间隙。如何将第三行替换为第二行？它看起来像@Usman:明白了：）只需将“隐藏”更改为“折叠”Hi-jao，它似乎可以工作，但在隐藏第二行（按文件类型选择）后，第二行有一个间隙。我怎样才能把第三排换成第二排呢？看起来像@Usman:明白了：）只要把“隐藏”改成“折叠”