做个笔记哈:用css时下自动下拉菜单,此生和前端无缘,还是css友好些,看见js就心烦:
<style> #sddm { margin: 0 auto; padding: 0; z-index: 30; background-color:#F4F4F4; } #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 12px arial} #sddm li a { display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; background: #5970B2; color: #FFF; text-align: center; text-decoration: none} #sddm li a:hover { background: #49A3FF} #sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2} #sddm div a { position: relative; display: block; margin: 0; padding: 5px 10px; width: auto; white-space: nowrap; text-align: left; text-decoration: none; background: #EAEBD8; color: #2875DE; font: 12px arial} #sddm div a:hover { background: #49A3FF; color: #FFF} </style> <!-- dd menu --> <script type="text/javascript"> <!-- var timeout = 1; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </script> </head> <body> <li><a href="home" onmouseover="mopen('m1')" onmouseout="mclosetime()">我的空间</a> <ul id="sddm" > <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="1">1DSFG</a> <a href="2">2DFGDFSG</a> <a href="3">3DFGDSFG</a> </div> </ul> </li> </ul> </body>php获取select下拉列表框的值:
<!DOCTYPE> <html> <head><title></title></head> <body> <form name="form1" enctype="multipart/form-data" method="post" action="select.php"> <label> <select name="select"> <option value="1">select下拉列表框的值</option> <option value="2">1</option> <option value="3">2</option> </select> </label> <label> <input type="submit" name="Submit" value="提交"> </label> </form> </body> </html>$_POST["select"];就可以了!