「スタイル：表示」を「なし」に設定しても、ページを読み込むとテキストボックスが表示されます

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

この三項演算子の乱用はひどいです。以下でそれを交換してください：要素は右にロードした後に表示される

​​

場合は、お使いのインラインスタイルをオーバーライドし、いくつかのCSSルールがありますかどうかを確認するためのFirefox（または同様のツール）を使用します。