テスト: test.html コード: コードをコピー コードは次のとおりです: ; 新しいドキュメント <br></HEAD> <br> <table> <br><td> <br> <br>クエリタイプ<selectType " name ="selectType" onchange="isChang1(this.value)"> <br><option value="yxsh">部門別</option> <br><option value="zgh">従業員 ID</option> <br><option value="xm">名前</option> <br><span id="yxsh" style=display:> <br><select id="Depart" name="Depart"> <br><option value="all">すべての部門</option> <br><option value= "123"> 123</option> <br><option value="123">123</option> <br><option value="123"> ;option value="123"> 123</option> <br><option value="123">123</option> <br>コースの割り当て<br>< isAll"> <br><option value="all">すべて</option> <br><option value="NO">割り当てられていません</ option> <br><option value=" YES">割り当て済み</option> <br></select> <br></span> <br><span id="key" style =display:none> <br><input type= "text" name="keyword" id="keyword"/> <br></span> <br><input type="submit" value= <BR></form> ; <br></BODY> <br><br> <br>js/Menu.js <br>コード: <br><br><br><br>コードをコピー<br> </div> <br> コードは次のとおりです:<br><br> <div class="codetitle">//これはカスタム メソッド HideElement() と shwoElement() を使用しています <span>関数 isChang(values) <a style="CURSOR: pointer" data="49730" class="copybut" id="copybut49730" onclick="doCopy('code49730')">{ <u>if(values=="yxsh"){ </u>hideElement("key"); </a>showElement("yxsh"); "); </span>showElement("key"); </div>} <div class="codebody" id="code49730">} <br>//カスタム メソッド HideElement() <br>function HideElement( id){ <br>document.getElementById(id). style.display="none"; <br>} <br>//カスタム メソッド showElement() <br>function showElement(id){ <br>document.getElementById(id).style.display=""; >} <br>//カスタム関数を使わずに非表示にするかどうかを直接設定する場合 <br>function isChang1(values) <br>{ <br>if(values= ="yxsh"){ <br>document .getElementById("yxsh").style.display=""; <br>document.getElementById("key").style.display="none"; <br>}else { <br>document.getElementById("yxsh") ").style.display="none"; <br>document.getElementById("key").style.display=""; <br>} <br>} <br><br> <br>テスト結果: <br>デフォルトの選択は次のとおりです: 部門別<br>これは、部門別ではなく、つまり従業員番号または名前別に選択した場合です。<br> 現時点では非表示になります: <br>< ;span id="yxsh" style=display:none>...</span><br>および<span id="key" style=display:><br>の場合選択: 部門別、つまりデフォルト <br>その結果は次のようになります: <br><span id="yxsh" style=display:>..</span> <br>and<span id="key" style=display:none>...</span></div>
