javascript - 隐藏表格中的元素

Question

我在表格中有一个 HTML 表单。我希望隐藏一些元素，除非用户在文本字段中写入“意大利”。该脚本可以很好地禁用我想隐藏的文本字段:

if (e.value == 'Italy' && e.name == 'birth'){
        document.getElementById('comune_nascita').disabled = false
        document.getElementById('provincia_nascita').disabled = false
    } else if (e.name == 'birth'){
        document.getElementById('comune_nascita').disabled = true
        document.getElementById('provincia_nascita').disabled = true        
    }

实例:JSFiddle (尝试在“State of birth”字段中写“Italy”)。

我只是不想禁用文本字段:我希望它完全不可见。

所以我添加了<tr id='italy_b' style='display:none'>到包含文本字段的 HTML 元素，并像这样转换脚本:

if (e.value == 'Italy' && e.name == 'birth'){
    document.getElementById('italy_b').style.display = 'block'
} else if (e.name == 'birth'){
    document.getElementById('italy_b').style.display = 'none'
}

但是，在这里尝试一下，看到错误:jsfiddle .当您在“State of birth”字段中输入“Italy”时，其他文本字段会出现但它们完全不在表格中!

我该如何解决这个问题？他们为什么要退出谈判 table ？

Answer 1

很简单，您在表格行上设置display: block。默认情况下，表格行不是 block 状的，它们是display: table-row。改变它，它就会起作用。

document.getElementById('italy_b').style.display = 'table-row';

jsFiddle:http://jsfiddle.net/xAKh4/7/