ホームページ > ウェブフロントエンド > htmlチュートリアル > div 内の 2 つのボタンのうち 1 つだけが IE8_html/css_WEB-ITnose の下に表示されます。

div 内の 2 つのボタンのうち 1 つだけが IE8_html/css_WEB-ITnose の下に表示されます。

WBOY
リリース: 2016-06-24 11:54:06
オリジナル
1237 人が閲覧しました

D 下 下

DIV は 1 つだけを表示します。コードは次のとおりです。




のみ[保存]ボタンは表示され、[非表示]ボタンは表示されません。 DOM では正常に表示されますが、表示されません。


仕方が無いので、ボタンを使わずに直接ラベルを使う予定です。 その結果、図のようにボタンが表示されます。

最終的なコードは次のとおりです。 :



<div id="adviceType" style="display: none;" >    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >    				<option value="-1">--请选择--</option>					<c:forEach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</c:forEach>				</select>				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">						<option value="-1">--请选择--</option>												</select>				<input type="hidden" id="adviceMsgLogId">				<input id="saveAdviceType" class="retransmission" type="button" value="保存"/>				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>				    		</div>
ログイン後にコピー

1 行のコードを追加するだけです。具体的な理由を研究する必要があります。

div を表示するコード:

<div id="adviceType" style="display: none; " >    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >    				<option value="-1">--请选择--</option>					<c:forEach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</c:forEach>				</select>				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">						<option value="-1">--请选择--</option>												</select>				<input type="hidden" id="adviceMsgLogId">				<input id="saveAdviceType" class="retransmission" type="button" value="保存"/>				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>				<span style="color:#ff0000;"><label> </label></span>    		</div>
ログイン後にコピー



ajax は IE では動作しませんが、デバッグ後、余分なカンマがあることがわかり、IE の検査は非常に厳密です。

🎜 🎜 🎜🎜 🎜 🎜🎜 🎜 🎜
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート