select 的jquery 菜单联动

修改自
* 作者：天天无用
* http://blog.csdn.net/luq885/archive/2007/07/31/1719538.aspx
* blog: http://blog.csdn.net/luq885

1. var text;
2. var value;
3. var type;
4. var selected;
5. var keep;
7. jQuery.fn.FillOptions = function(url,options,endfn){
8.     if(url.length == 0) throw "request is required";        
9.     text = options.textfield || "text";
10.     value = options.valuefiled || "value";    
11.     type = options.datatype.toLowerCase() || "json";
12.     if(type != "xml")type="json";
13.     keep = options.keepold?true:false;
14.     selected = options.selectedindex || 0;
15.     $.ajaxSetup({async:false});
16.     var datas;
17.     if(type == "xml")
18.     {
19.         $.get(url,function(xml){datas=xml;});            
20.     }
21.     else
22.     {
23.         $.getJSON(url,function(json){datas=json;});
24.     }
25.     if(datas == undefined)
26.     {
27.         alert("no datas");
28.         return;
29.     }
30.     this.each(function(){
31.         if(this.tagName == "SELECT")
32.         {
33.             var select = this;
34.             if(!keep)$(select).html("");
35.             addOptions(select,datas);
36.         }
37.     });
38.     /*给FillOptions 也附加了 endfn 参数 */
39.     if(typeof endfn =="function") endfn();
40.     /*解决ie浏览器的刷新 selected的不起作用 http://support.microsoft.com/kb/185123/zh-cn */
41.     if($.browser.msie && selected) {
42.         $('option[value='+selected+']',this).attr('selected',true);
43.     }
44. }
47. function addOptions(select,datas)
48. {        
49.     var options;
50.     var datas;
51.     if(type == "xml")
52.     {
53.         $(text,datas).each(function(i){            
54.             option = new Option($(this).text(),$($(value,datas)[i]).text());
55.             if($($(value,datas)[i]).text()==selected)option.selected=true;
56.             select.options.add(option);
57.         });
58.     }
59.     else
60.     {
61.         $.each(datas,function(i,n){
62.             option = new Option(eval("n."+text),eval("n."+value));
63.             if(eval("n."+value)==selected) {
64.                 option.selected='selected';
65.             }
66.             select.options.add(option);
67.         });
68.     }
69.     
70. }
72. jQuery.fn.CascadingSelect = function(target,url,options,endfn){
73.     $.ajaxSetup({async:false});        
74.     if(target[0].tagName != "SELECT") throw "target must be SELECT";
75.     if(url.length == 0) throw "request is required";            
76.     if(options.parameter == undefined) throw "parameter is required";   
78.     this.change(function(){
79.         var newurl = "";
80.         urlstr = url.split("?");
81.         newurl = urlstr[0] + "?" + options.parameter + "=" + $(this).val() + "&" +urlstr[1];
82.         target.FillOptions(newurl,options,endfn);
83.     });
84.     /*可以联动二级三级的select*/
85.     if(options.selectedindex) {
86.         $(this).trigger('change');
87.     }   
88. }
90. jQuery.fn.AddOption = function(text,value,selected,index){
91.     option = new Option(text,value);            
92.     this[0].options.add(option,index);
93.     this[0].options[index].selected = selected;
94. }