加載頁面時會出現一個文本框，即使我已將其“樣式：顯示”設置為無

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 規則覆蓋了您的內聯樣式。