首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

点击弹出层的html代码?该如何解决

2013-03-19 
点击弹出层的html代码???htmlheadform methodPOST action1.html contenttext/html charset

点击弹出层的html代码???

<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来直接实现的呢,谢谢
[解决办法]
一种用js实现弹出层一种修改select 无刷新联动就不会因为提交而关闭了

热点排行