点击弹出层的html代码???_html/css_WEB-ITnose

php中文网
发布: 2016-06-21 09:41:59
原创
1702人浏览过

<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 事件只要选择就会退出弹的层,

请问用html 如何可以解决这个onchange 选择事件的问题,

有个前提是不用JS 代码来解决,用JS是可以实现,有没有直接用html来直接实现的呢,谢谢

jQuery点击无限弹出的遮罩层代码
jQuery点击无限弹出的遮罩层代码

jQuery的点击无限弹出遮罩层代码

jQuery点击无限弹出的遮罩层代码 46
查看详情 jQuery点击无限弹出的遮罩层代码

回复讨论(解决方案)

你连问题的原因都不清楚,还说什么解决,
这是onchange事件提交表单刷新页面引起的,
除非你不提交,否则js也解决不了

代码是复制错了,没错就是提交刷新引起的,不过我用JS就不会有这样的问题,一刷新弹出的层就关闭,现在用只能JS解决了。

一种用js实现弹出层一种修改select 无刷新联动就不会因为提交而关闭了

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号