日期:2014-05-17 浏览次数:20945 次
<head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script type="text/javascript" src="../money/jquery.js"></script> <script type="text/javascript" src="../money/aircity.js"></script> <script type="text/javascript" src="../money/j.dimensions.js"></script> <script type="text/javascript" src="../money/j.suggest.js"></script> <script type="text/javascript"> $(function(){ $("#arrcity").suggest(citys,{hot_list:commoncitys,dataContainer:'#arrcity_3word',onSelect:function(){$("#city2").click();}, attachObject:'#suggest'}); $("#city2").suggest(citys,{hot_list:commoncitys,attachObject:"#suggest2"}); }); </script> <style type="text/css"> body{margin:0;padding:0;font-family:"宋体";font-size:13px;text-align:center;} h1{margin:0;padding:20px 0;font-size:16px;} ol{padding-left:20px;line-height:130%;} #box{width:600px;text-align:left;margin:0 auto;padding-top:80px;} #suggest,#suggest2{width:200px;} .gray{color:gray;} .ac_results {background:#fff;border:1px solid #7f9db9;position: absolute;z-index: 10000;display: none;} .ac_results ul{margin:0;padding:0;list-style:none;} .ac_results li a{white-space: nowrap;text-decoration:none;display:block;color:#05a;padding:1px 3px;} .ac_results li{border:1px solid #fff;} .ac_over,.ac_results li a:hover {background:#c8e3fc;} .ac_results li a span{float:right;} .ac_result_tip{border-bottom:1px dashed #666;padding:3px;} </style> </head> <body> <div id="box"> <input type="hidden" name="arrcity_3word" id="arrcity_3word" value="" /> <label for="arrcity"></label><input type="text" name="dbdd" id="arrcity" /> <div id='suggest' class="ac_results"> </div> <label for="city2"></label><input type="text" name="dbdd" id="city2" /> <div id='suggest2' class="ac_results"> </div> <p></p> <ol> </ol> <p><a href="http://www.zendstudio.net/archives/jquery-suggest-plugin-revised/"></a></p> </div> </body> </html>