标题:仿机票系统jquery下拉提示框怎么在自己页面中调用啊??
只看楼主
lxb0592
Rank: 1
等 级:新手上路
帖 子:108
专家分:0
注 册:2012-5-28
结帖率:86.67%
已结贴  问题点数:20 回复次数:5 
仿机票系统jquery下拉提示框怎么在自己页面中调用啊??
如图!网上下的这个系统可以自己运行! 可是怎么都无法运用到自己的页面中去! 该调整哪儿啊!高手帮忙! 搞了好久!


程序代码:
    <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>
    </body>
</html>
搜索更多相关主题的帖子: title color jquery 
2012-08-30 16:11
hu9jj
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
来 自:红土地
等 级:贵宾
威 望:396
帖 子:11713
专家分:43267
注 册:2006-5-13
得分:10 
在你的这段代码中,没有发现设置下拉列表框的代码啊。

活到老,学到老! http://www. E-mail:hu-jj@
2012-08-30 21:32
lxb0592
Rank: 1
等 级:新手上路
帖 子:108
专家分:0
注 册:2012-5-28
得分:0 
回复 2楼 hu9jj
    <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>
        <link href="../style/jquery.suggest.css" rel="stylesheet" type="text/css">
               </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.
      
        </div>
    </body>
</html>
我自己的页面代码
程序代码:
<%


if request.Cookies("shiwei_username")="" then
%>
<script language="javascript">
top.location.href="../index.asp"
</script>
<script language="javascript" src ="../money/calendar.js"  type="text/javascript" charset="utf-8"></script>

<script language="javascript" src ="../gongzuo/calendar.js"  type="text/javascript" charset="utf-8"></script>

<script language="javascript" src ="../dangan/calendar.js"  type="text/javascript" charset="utf-8"></script>
<% 
  response.end
end if
%>
<!-- #include file="../conn2.asp" -->
<!-- #include file="../const.asp" -->

<html>
<head>
<title><%=dianming%> - 添加帐务</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link href="../style/style.css" rel="stylesheet" type="text/css">

蓝色部分为输入显示提示框部分。上面为下载的代码,下面我自己要调用的代码,标题汉字编码和风格样式不一样啊好像也会导致调用失败,有什么办法解决啊?

[ 本帖最后由 lxb0592 于 2012-8-30 22:26 编辑 ]
2012-08-30 22:23
netlin
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:贵宾
威 望:24
帖 子:544
专家分:4308
注 册:2012-4-9
得分:10 
关注...

做自己喜欢的事!
2012-08-30 23:23
lxb0592
Rank: 1
等 级:新手上路
帖 子:108
专家分:0
注 册:2012-5-28
得分:0 
几个关键代码说明!
1,下载的调用代码:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="../style/jquery.suggest.css" rel="stylesheet" type="text/css">
<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>
2,我自己的页面代码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link href="../style/style.css" rel="stylesheet" type="text/css">
关键是我把下的2个相同的这个代码同时复制到我自己页面中好像不行!是不是不能兼容。这2个是不是一个汉字编码,一个是风格样式代码
2012-08-31 09:46
lxb0592
Rank: 1
等 级:新手上路
帖 子:108
专家分:0
注 册:2012-5-28
得分:0 
还没搞定!
2012-09-09 20:36



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-380369-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.028920 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved