百独托管7500 紫田网络超高转化播放器收cps[推荐]速盾CDN 免实名免备防屏蔽阿里云 爆款特卖9.9元封顶提升alexa、IP流量7Q5团队
【腾讯云】中小企福利专场【腾讯云】多款产品1折起高防 随时退换 好耶数据小飞国外网赚带你月入万元炎黄网络4H4G10M 99每月
香港带宽CN2/美国站群优惠中客数据中心 服务器租用联盟系统移动广告平台 中易企业专场腾讯云服务器2.5折九九数据 工信部正规资质
腾讯云新用户大礼包代金券高价收cpa注册量高价展示【腾讯云】2核2G/9.93起租服务器找45互联 随时退换阿里云 短信服务 验证秒达

[闲聊畅谈] asp菜鸟来请教大神:整合搜索 [复制链接]
查看:2117 | 回复:3

564

主题

3374

帖子

7942

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
93
鲜花
62
注册时间
2011-11-29
发表于 2015-7-6 22:56:29 | 显示全部楼层 |阅读模式 来自 中国广东深圳
500积分
要的效果参考网址
  1. http://www.jb51.net/css/75935.html
复制代码


要的结果就是多选,能根据不同的搜索条件来分开搜索


这代码整合后有点问题,还有就是,我要的是UTF-8编码,

这是我最终要的效果,根据这个分开来搜索,所以,

大神,看在我菜鸟的份上,能不能整一份傻瓜式的UTF-8全套代码给我,是全套都在一个页面,一个HTML代码页面给我,(里面直接CSS和script)分不多,心意而已,三克油!!!!!!

附件: 您需要 登录 才可以下载或查看,没有帐号?注册

最佳答案

查看完整内容

#sBar { height: 42px; position: relative; z-index: 1; overflow: visible; padding-left: 60px;} #sBar .sTxt { position: absolute; z-index: 99; width: 60px; text-align: center; left: 0px; border: 1px solid #dedede; line-height: 40px; height: 40px;} #sBar ul { position: absolute; z-index: 99; width: 60px; text-align: center; left: 0px; top: 40px; border: 1px solid #dedede; line-height: 40px; displ ...
回复

使用道具 举报

384

主题

2244

帖子

3480

积分

落伍者(两全齐美)

Rank: 2

贡献
2045
鲜花
19
注册时间
2008-10-24
发表于 2015-7-6 22:56:30 | 显示全部楼层 来自 中国河南郑州
<style type="text/css">
#sBar { height: 42px; position: relative; z-index: 1; overflow: visible; padding-left: 60px;}
#sBar .sTxt { position: absolute; z-index: 99; width: 60px; text-align: center; left: 0px; border: 1px solid #dedede; line-height: 40px; height: 40px;}
#sBar ul { position: absolute; z-index: 99; width: 60px; text-align: center; left: 0px; top: 40px; border: 1px solid #dedede; line-height: 40px; display: none;}
.inp { border: 1px solid #dedede; float: left; height: 40px; width: 200px;}
.sub { border: 0px; background: #dedede; float: left; height: 42px; width: 60px;}
</style>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.11.3/jquery.js"></script>
<script type="text/javascript">
        $(function(){
                $(".sTxt").click(function(){
                        $(this).siblings("ul").slideDown(300);
                });
                $("#sBar ul li").bind("click",function(){
                        var data = $(this).data("type");
                        var txt = $(this).html();
                        $("#sType").val(data);
                        $(".sTxt").html(txt);
                        $(this).parent().slideUp(300);
                });               
        });

</script>
<div id="sBar">       
        <form action="" method="post" name="form1">
                <div class="sTxt">全部</div>
                <ul>
                        <li data-type="0">全部</li>
                        <li data-type="1">作品</li>
                        <li data-type="2">作者</li>
                </ul>
                <input type="text" name="keyword" class="inp" value="" />
                <input type="submit" name="submit" class="sub" value="搜索" />
                <input type="hidden" name="type" value="0" id="sType" />
        </form>
</div>


样式自己搞,

回复

使用道具 举报

384

主题

2244

帖子

3480

积分

落伍者(两全齐美)

Rank: 2

贡献
2045
鲜花
19
注册时间
2008-10-24
发表于 2015-7-7 00:02:28 | 显示全部楼层 来自 中国河南郑州

这种难度,全落伍也只有我能做出来了,朕就不可客气了啊,

回复

使用道具 举报

564

主题

3374

帖子

7942

积分

落伍者(三羊开泰)

Rank: 3Rank: 3

贡献
93
鲜花
62
注册时间
2011-11-29
 楼主| 发表于 2015-7-7 22:45:43 | 显示全部楼层 来自 中国广东深圳
dr21c 发表于 2015-7-7 00:35
#sBar { height: 42px; position: relative; z-index: 1; overflow: visible; padding-left: 60px;}
#sB ...

很感谢哥们做出的这个,只是我的基础太差,以至于还无法把你的这段代码改成我所需要的,谢谢,辛苦了
  1. http://www.niviachy.com/page/authorize.html
复制代码

这个是我最终要的效果,接收页已做好,就是查询页三个查询条件合一个搜索框做不来


  1. <ul>
  2. <li><a href="#" value="0">手机号</a></li>
  3. <li><a href="#" value="1">身份证</a></li>
  4. <li><a href="#" value="2">手机号</a></li>
  5. </ul>
复制代码

感谢!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

论坛客服/商务合作/投诉举报:2171544 (QQ)
落伍者创建于2001/03/14,本站内容均为会员发表,并不代表落伍立场!
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!
落伍官方微信:2030286 邮箱:(djfsys@gmail.com|tech@im286.com)
© 2001-2014

浙公网安备 33060302000191号

浙ICP备11034705号 BBS专项电子公告通信管[2010]226号

  落伍法律顾问: ITlaw-庄毅雄

手机版|找回帐号|不能发帖?|Archiver|落伍者

GMT+8, 2024-11-1 06:57 , Processed in 0.083470 second(s), 31 queries , Gzip On.

返回顶部