点击弹出层的html代码?该如何解决-HTML教程-爱易网页

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

日期：2014-05-17　浏览次数：20711 次

点击弹出层的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 无刷新联动就不会因为提交而关闭了

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>