在线建站培训
您的位置: 魔客吧 cms教程 dedecms教程 查看内容

织梦(dedecms)实现下拉搜索指定栏目功能

2017-5-19 11:05 | 发布者: moke | 栏目:dedecms教程

 织梦(dedecms)怎么实现下拉搜索特定栏目功能?在企业站展示产品的时候由于产品分类之类之多,需要对栏目类别进行选项搜索是最好的选择!不仅可以节省代码的繁琐同时也便于用户的使用!那么织梦标签代码中怎么实现这个功能呢?

  今天小鱼儿博客园就来和大家说说织梦(dedecms)怎么实现下拉搜索特定栏目功能?

  在这里要想实现对栏目下拉搜索功能,还是少不了channelartlist标签,不我们就再来挖掘下该标签的另一个功能!

  PHP Code复制内容到剪贴板

01 <form action="{dede:field name='phpurl'/}/search.php" name="formsearch">   
02  <div class="form">  
03  <input type="hidden" name="kwtype" value="0" />   
04  <input name="keyword" type="text" class="search-keyword"id="search-keyword" />  
05  <select name="typeid" class="search-option" id="typeid">      
06  <option value='0' selected='1' class="search-xl">全部栏目</option>     
07  {dede:channelartlist typeid='top' }   
08     {dede:type}
09       <option value='[field:id/]'>[field:typename/]</option>
10     {/dede:type}    
11     {dede:channel type='son' noself='yes'}  
12       <option value='[field:id/]'>-[field:typename/]</option> 
13     {/dede:channel}{/dede:channelartlist}</select>  
14   <button type="submit" class="search-submit">站内搜索</button>   
15  </div>  
16  </form>

指定栏目:

  XML/HTML Code复制内容到剪贴板

01 <form action="{dede:global.cfg_cmsurl/}/plus/search.php" method="get"id="globalsearchform"> 
02     <div class="globalsearchform"> 
03         <input name="q" type="text" class="input" id="globalsearchform_key"
04         name="key" value="输入关键词搜索产品..."
05         onfocus="if(this.value=='输入关键词搜索产品...'){this.value='';}"
06         onblur="if(this.value==''){this.value='输入关键词搜索产品...';}"> 
07     </div> 
08     <div class="globalsearchformselect"> 
09         <select name="typeid" class="search-option" id="typeid">  
10         {dede:channelartlist typeid='9,10'}{dede:type}  
11         <option value='[field:id/]'>[field:typename/]</option>{/dede:type}  
12             {dede:channel type='son' noself='yes'}
13               <option value='[field:id/]'>-[field:typename/]</option>
14             {/dede:channel}  
15         {/dede:channelartlist}  
16         </select> 
17     </div> 
18     <div class="globalsearchform1"> 
19         <input type="image" class="imgbutton"
20          src="{dede:global.cfg_templets_skin/}/images/searchr.png"
21          id="button" name="imageField">  
22     </div> 
23 </form>

查看更多 dedecms教程 织梦模板

最新分享资源

最新评论