加载页面时会出现一个文本框，即使我已将其“样式：显示”设置为无

Question

<input type="text" name="otherPONumber" id="otherPONumber" maxlength="25" style="display: none;">


<script type="text/javascript">
function toggleField(val) {
    var obj = document.getElementById('otherPONumber');
        if(obj != undefined && txt != undefined) {
        (val == 'Other')? obj.style.display = 'block' : obj.style.display = 'none';

    }
}

</script>

尽管如此，当页面加载时会出现文本框。

Answer 1

(val == 'Other')? obj.style.display = 'block' : obj.style.display = 'none';

这种对三元运算符的滥用是可怕的。 将其替换为以下内容：

obj.style.display = (val == 'Other') ? 'block' : 'none';

如果元素在加载后立即显示，请使用 Firefox（或类似工具）检查是否有一些 CSS 规则覆盖了您的内联样式。