注册 登录
编程论坛 → ASP技术论坛

仿机票系统jquery下拉提示框怎么在自己页面中调用啊？？

lxb0592 发布于 2012-08-30 16:11， 803 次点击
如图！网上下的这个系统可以自己运行！ 可是怎么都无法运用到自己的页面中去！ 该调整哪儿啊！高手帮忙！ 搞了好久！
只有本站会员才能查看附件，请 登录


程序代码：

    <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>
5 回复
#2
hu9jj2012-08-30 21:32
在你的这段代码中，没有发现设置下拉列表框的代码啊。
#3
lxb05922012-08-30 22:23
回复 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 编辑 ]
#4
netlin2012-08-30 23:23
关注...
#5
lxb05922012-08-31 09:46
几个关键代码说明！
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个是不是一个汉字编码，一个是风格样式代码
#6
lxb05922012-09-09 20:36
还没搞定！
1
©2025, BC-CN.NET
电脑版