日期:2014-05-17  浏览次数:20888 次

仿机票系统jquery下拉提示框怎么在自己页面中调用啊??
如图!下下来单独能运行! 怎么插入页面中去啊!!! 搞了好久没搞出来啊!

调用页面代码!
HTML code

    <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>



------解决方案--------------------
无耻:结帖0.00%
http://topic.csdn.net/u/20120715/15/1333b148-625d-430f-9a6c-57ad2dcb6059.html 一个月了不结帐
http://topic.csdn.net/u/20120723/07/f8158503-93ae-4b7b-84ce-9784e8cf55a1.html 10人回答霸王餐
http://topic.csdn.net/u/20120826/23/0f5bf943-9fd3-4ce9-b196-75673f1b5dc9.html 完美解答不买帐
------解决方案--------------------
ajax读进来,在一个div里显示。

建议而已。我自己没有做。
------解决方案--------------------
怎么回答没有显示出来的。edit有不行。唉,这个系统,无言啊!