织梦多条件筛选功能实现(dede联动搜索) - DeDecms

然后把面的代码复制进去,现在把filter.css以及flter.js也分别复制好.

1. @charset "gb2312"; 
2. /* CSS Document */ 
3.  
4. #filter { 
5.     width:620px; 
6.     height:auto; 
7.     margin-left:auto; 
8.     margin-right:auto; 
9.     font-size:12px; 
10. } 
11. #filter dl { 
12.     padding:0; 
13.     margin-top:0; 
14.     margin-bottom:0; 
15.     clear:both; 
16.     padding:4px 0; 
17. } 
18. #filter dt, dd { 
19.     display:block; 
20.     float:left; 
21.     width:auto; 
22.     padding:0; 
23.     margin:3px 0; 
24. } 
25. #filter dt { 
26.     height:14px; 
27.     padding-bottom:4px; 
28.     font-weight:bold; 
29.     color:#333333; 
30. } 
31. #filter dd { 
32.     color:#005AA0; 
33.     margin-right:8px; 
34. } 
35. #filter a { 
36.     cursor:pointer; 
37. } 
38. .seling { 
39.     background-color:#005AA0; 
40.     color:#FFFFFF; 
41. } 
42. .seled { 
43.     background-color:#005AA0; 
44.     color:#FFFFFF; 
45. } 
46. // JavaScript Document 
47. $(function () {  
48.     //选中filter下的所有a标签，为其添加hover方法，该方法有两个参数，分别是鼠标移上和移开所执行的函数。  
49.     $("#filter a").hover(  
50.         function () {  
51.             $(this).addClass("seling");  
52.         },  
53.         function () {  
54.             $(this).removeClass("seling");  
55.         }  
56.     );  
57.  
58.     //选中filter下所有的dt标签，并且为dt标签后面的第一个dd标签下的a标签添加样式seled。(感叹jquery的强大)  
59.     $("#filter dt+dd a").attr("class", "seled"); /*注意：这儿应该是设置(attr)样式，而不是添加样式(addClass)， 
60.                                                   不然后面通过$("#filter a[class='seled']")访问不到class样式为seled的a标签。*/         
61.  
62.     //为filter下的所有a标签添加单击事件  
63.     $("#filter a").click(function () {  
64.         $(this).parents("dl").children("dd").each(function () {  
65.             //下面三种方式效果相同（第三种写法的内部就是调用了find()函数，所以，第二、三种方法是等价的。）  
66.             //$(this).children("div").children("a").removeClass("seled");  
67.             //$(this).find("a").removeClass("seled");  
68.             $('a',this).removeClass("seled");  
69.         });  
70.  
71.         $(this).attr("class", "seled");  
72.  
73.         alert(RetSelecteds()); //返回选中结果  
74.     });  
75.     alert(RetSelecteds()); //返回选中结果  
76. });  
77.  
78. function RetSelecteds() {  
79.     var result = "";  
80.     $("#filter a[class='seled']").each(function () {  
81.         result += $(this).html()+"n";  
82.     });  
83.     return result;  
84. } 

如果步骤按照上面的步骤来操作的话这时候直接打开filter.htm已经可以看到效果了，那么下面要做的就是在织梦里面，用织梦的东西往里面去套。