数据源：
复制代码 代码如下:
var areainfo = new array();
areainfo[0] = new array();
areainfo[0][0]=1;
areainfo[0][1]=beijing;
areainfo[0][2]=0;
areainfo[0][3]=0;
areainfo[1] = new array();
areainfo[1][0]=2;
areainfo[1][1]=shanghai;
areainfo[1][2]=0;
areainfo[1][3]=0;
areainfo[2] = new array();
areainfo[2][0]=3;
areainfo[2][1]=jing'an;
areainfo[2][2]=2;
areainfo[2][3]=0;
areainfo[3] = new array();
areainfo[3][0]=4;
areainfo[3][1]=changning;
areainfo[3][2]=2;
areainfo[3][3]=0;
areainfo[4] = new array();
areainfo[4][0]=5;
areainfo[4][1]=luwan;
areainfo[4][2]=2;
areainfo[4][3]=0;
areainfo[5] = new array();
areainfo[5][0]=6;
areainfo[5][1]=huangp;
areainfo[5][2]=2;
areainfo[5][3]=0;
areainfo[6] = new array();
areainfo[6][0]=7;
areainfo[6][1]=pudong;
areainfo[6][2]=2;
areainfo[6][3]=0;
areainfo[7] = new array();
areainfo[7][0]=8;
areainfo[7][1]=minhang;
areainfo[7][2]=2;
areainfo[7][3]=0;
areainfo[8] = new array();
areainfo[8][0]=9;
areainfo[8][1]=qingpu;
areainfo[8][2]=2;
areainfo[8][3]=0;
areainfo[9] = new array();
areainfo[9][0]=10;
areainfo[9][1]=hongkou;
areainfo[9][2]=2;
areainfo[9][3]=0;
areainfo[10] = new array();
areainfo[10][0]=11;
areainfo[10][1]=zhabei;
areainfo[10][2]=2;
areainfo[10][3]=0;
areainfo[11] = new array();
areainfo[11][0]=12;
areainfo[11][1]=putuo;
areainfo[11][2]=2;
areainfo[11][3]=0;
areainfo[12] = new array();
areainfo[12][0]=13;
areainfo[12][1]=yangpu;
areainfo[12][2]=2;
areainfo[12][3]=0;
areainfo[13] = new array();
areainfo[13][0]=14;
areainfo[13][1]=others;
areainfo[13][2]=2;
areainfo[13][3]=0;
jquery.lyhucselect.js
复制代码 代码如下:
(function($) {
$.fn.lyhucselect = function(options) {
var element = this;
var elementid = # + element[0].id;
var defaults = {
datasource:{},
subselect:'#subcategory',
option:{text:'--select--',value:''},
value:'0',
parentid:0
};
var options = $.extend(defaults, options);
var defaultoption = new option();
var defaultsuboption = new option();
(function init(){
defaultoption.text=options.option.text;
defaultoption.value=options.option.value;
$(elementid).append(defaultoption);
defaultsuboption.text=options.option.text;
defaultsuboption.value=options.option.value;
$(options.subselect).append(defaultsuboption);
$(options.datasource).each(function(i){
var id=options.datasource[i][0];
var mc=options.datasource[i][1];
if(options.parentid==options.datasource[i][2])
{
var newoption = new option();
newoption.value=id;
newoption.text=mc;
$(elementid).append(newoption);
}
});
})();
return this.each(function(){
$(this).bind(change,function(e){
var currentval=$(this).val();
var tmpdepth=0;
$(options.subselect).empty();
$(options.datasource).each(function(i){
var id=options.datasource[i][0];
var mc=options.datasource[i][1];
if(currentval==options.datasource[i][2])
{
var newoption = new option();
newoption.value=id;
newoption.text=mc;
$(options.subselect).append(newoption);
tmpdepth++;
}
});
if(tmpdepth==0)
{
var parentoption = new option();
parentoption.value=$(elementid).val();
parentoption.text=$(elementid).find('option:selected').text();
$(options.subselect).append(parentoption);
}
});
});
};
})(jquery);
调用：
$('#citycategory').lyhucselect({datasource:areainfo,subselect:'#arecategory'});
效果：