ホームページ >ウェブフロントエンド >htmlチュートリアル >ポップアップレイヤーのHTMLコードをクリック???_html/css_WEB-ITnose
ポップアップレイヤーのHTMLコードをクリック???_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:41:591490ブラウズ
<html><head><form method="POST" action="1.html" content="text/html; charset=utf-8" /><title>LIGHTBOX EXAMPLE</title><style type="text/css"><style>.list {display:none;position:absolute;z-index:1002;top:25%;left:35%;text-align:center; border:1px solid #11a2ea; BORDER-BOTTOM: 0px solid #11a2ea; BORDER-LEFT: 0px solid #11a2ea; WHITE-SPACE: nowrap;TEXT-ALIGN: center;background-color:#fff;}.list TD { FONT-SIZE: 12px; border:1px solid #11a2ea; TEXT-ALIGN: center}</style></head><body><table id="u5" class="list" align="center" cellspacing="0" cellpadding="6" ><tr> <td>名称</td> <td><input type="text" name="pcname" id="pcname"></td></tr><tr> <td>地址</td> <td><input type="text" name="pc" id="pc"></td></tr><tr> <td>默认服务器</td> <td><select name="pc_server" id="pc_server" onchange="this.form.submit();"><option value="ddd">ddd</option><option value="ccc">ccc</option> </select><input type="hidden" name="tex" id="tex"></td></tr><tr> <td colspan="2"><input type="submit" name="yes" value="确定" /> <input type="submit" name="no" value="取消" /></td></tr></table></body></html> このポップアップ レイヤーの純粋な HTML コードには select onchange イベントがあります。これを選択すると、ポップアップ レイヤーが終了します
この onchange の問題を解決するにはどうすればよいですか。 HTMLを使用した選択イベント
JSを使用しないという前提があります。それを解決するためにコードを使用できます。 HTMLを直接使用する方法はありますか? ありがとうございます
ディスカッションに返信解決策)
問題の原因もわかりません。どうすれば解決できますか?
これは、フォームを送信してページを更新することによって発生します 送信しない限り、js は解決できません。解決できません。
はい、送信して更新したことが原因です。ただし、JS を使用すると、ポップアップ レイヤーが閉じられるようになります。それをJSで解決します。
js を使用してポップアップ レイヤーを実現する 1 つの方法と、更新リンクなしで選択を変更し、送信によって閉じられない方法 1 つ
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。