dede搜索框如何实现对应的下拉式搜索

织梦建站教程之分类导航搜索图一 那么这样的效果是如何实现的呢?我们还是分布来教一教大家吧: 第一步:找到导航分类搜索的地方,然后按照下面的格式添加,这里说明哈是:data-id是指栏目的id,data-lid是指模型的lid;其他就没有什么要注意的了。 div clas
织梦建站教程之分类导航搜索图一

织梦建站教程之分类导航搜索图一

那么这样的效果是如何实现的呢?我们还是分布来教一教大家吧:

第一步:找到导航分类搜索的地方,然后按照下面的格式添加,这里说明哈是:data-id是指栏目的id,data-lid是指模型的lid;其他就没有什么要注意的了。

<div class="s-select"> <span class="select-hd"><i></i>攻略/游记</span>
<ul class="select-bd hide" style="z-index:99999">
<li class="abc dhy"><a href="javascript:;" data-id='1' data-lid='17'>攻略/游记</a></li>
<li class="abc "><a href="javascript:;" data-id='2' data-lid='18'>景点/风景</a></li>
<li class="abc "><a href="javascript:;" data-id='3' data-lid='19'>美食/餐厅</a></li>
<li class="abc "><a href="javascript:;" data-id='4' data-lid='20'>门票</a></li>
</ul>
</div>

第二:我们要用jquery来实现这样的效果,就是点击分类板块,能够成功切换并且能够成功替换相应的汉字,这里还是详细分析哈吧,万一有的同学没有接粗过jquery,还是看起来不太懂的。这里的.s-select都是上面的div里面的class样式,mouseenter()和moueseleave()表示jquery里面的2个鼠标事件,线面的hide()和show()也是隐藏和显示时间,表示,选中某个属性,对应的地方显示隐藏。讲的有点粗糙,但是意思是这么个意思。在文档最后,我会把jquery中文手册附件给大家,供大家学习参考。

$(".s-select,.select-bd").mouseenter(function(e) {
$(".select-bd").show();
});
$(".s-select,.select-bd").mouseleave(function(e) {
$(".select-bd").hide();
});
$(".abc a").click(function(e) {
var neirong = $(this).html(); //这个是获取点击下拉框里面的文字
//alert(neirong);//neirong.show();
$(".select-hd ").html(neirong); //这个是把获取到的下拉框里面的文字重新给select-hd这个内容器里面去
});

第三步:想把法把下拉样式里面传的data-id以及data-lid的值获取到并且传到对应的搜索php文件里面去。

$(function(){
$(".s-select li").click(function(){
$(this).addClass("dhy").siblings().removeClass("dhy");
});
})

$(".s-select a").click(function(){
$("input[name='typeid']").val($(this).attr("data-id")); //获取到搜索表单里面下拉框中的typeid
$("input[name='lid']").val($(this).attr("data-lid")) //获取到搜索表单里面下拉框中的lid
});

$("a.s-button").click(function(){
$("#head-search-form").submit(); //这个在完成搜索提交搜索框框的时候,找到对应的表单
});
还有值得注意的是,我们要再搜索表单的开始部分添加上:<input type="hidden" name="typeid" value="1" /> 让我们的表单获取到对应的typeid的值!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

dedecms织梦无需登录注册可下单购买的修改,首先找到/plus/carbuaction.php文件,找到如下代码: //确认用户登录信息if($cfg_ml-IsLogin()){ $userid = $cfg_ml-M_ID;}else{ $username = trim($username); $password = trim($password); if(empty($username)
用过织梦dedecms的人都知道,织梦会员系统相当强大,跟论坛程序差不多,对于使用会员系统的人来说,织梦系统足够用的了,但是,有时候,织梦系统很多的地方又不是我们所希望,或都说,有的地方不适合我们使用,这时候就要对织梦会员系统进行二次开发,所以,
我们在用到织梦dedecms的会员功能时候,注册页面的注册项需要增加,比如想多加一个手机号的字段,需要怎么操作呢?下面我们以增加一个手机号的字段为例子 1、找到网站目录下的/member/templets/reg-new.htm,在合适位置增加一行表单,代码如下: lispan手机
SQL语句中,有统计的函数,我们可以通过在织梦中使用SQL语句统计的方法,在列表页内显示该栏目共有多少篇文章。这样做的好处是,有助于提升用 户体验。比如说我一个文章列表下面有10篇文章,就自动统计出10篇,到20篇的时候自动统计成20篇。这样用户对网站的
我们在做 织梦模板 开发时,有时需要在artlist 和list标签中调用出图集中的图片,同时可以自定调用几张图片。跟版网整理了个一个这样功能的自定义函数。调用后效果如下: dedecms织梦artlist和list标签调用图集图片实现方法 函数代码 请将代码加入到 /includ
json数据格式可以方便不同站点之间进行数据调用引用,当然我们的DEDECMS也可以实现全站数据生成JSON供其他站点调用,代码很简单,主要用到include/json.class.php。 织梦本身是自带json标签的,调用方法: {dede:json url=http://yoursite/json.php cache=300