Lyhucselect Select data Linkage plug-in based on jquery _jquery

Data Source:

Copy Code code as follows:

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

Copy Code code as follows:

(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);

Call:
$ (' #cityCategory '). Lyhucselect ({datasource:areainfo,subselect: ' #areCategory '});
Effect: