手机版

lyhucSelect基于框架的挑选数据联动插件

时间:2021-10-20 来源:互联网 编辑:宝哥软件园 浏览:

数据源:复制代码代码如下: var areinfo=new Array();areinfo[0]=新数组();areinfo[0][0]=' 1 ';areinfo[0][1]=' Beijing ';区域信息[0][2]=" 0 ";区域信息[0][3]=" 0 ";areinfo[1]=新数组();areinfo[1][0]=' 2 ';areaInfo[1][1]='上海;区域信息[1][2]=" 0 ";区域信息[1][3]=" 0 ";areinfo[2]=新数组();areinfo[2][0]=' 3 ';areaInfo[2][1]='静安;区域信息[2][2]=' 2 ';区域信息[2][3]=" 0 ";areinfo[3]=新数组();区域信息[3][0]=' 4 ';areaInfo[3][1]='长宁;区域信息[3][2]=' 2 ';区域信息[3][3]=" 0 ";areinfo[4]=新数组();区域信息[4][0]=' 5 ';areaInfo[4][1]='卢湾;区域信息[4][2]=' 2 ';区域信息[4][3]=" 0 ";areinfo[5]=新数组();区域信息[5][0]=' 6 ';区域信息[5][1]=' Huap ';区域信息[5][2]=' 2 ';区域信息[5][3]=" 0 ";areinfo[6]=new Array();区域信息[6][0]=' 7 ';areaInfo[6][1]='浦东;区域信息[6][2]=' 2 ';areinfo[6][3]=' 0 ';areinfo[7]=new Array();区域信息[7][0]=' 8 ';areaInfo[7][1]='闵行;区域信息[7][2]=' 2 ';区域信息[7][3]=" 0 ";areinfo[8]=new Array();区域信息[8][0]=' 9 ';areaInfo[8][1]='青浦;区域信息[8][2]=' 2 ';areinfo[8][3]=' 0 ';areinfo[9]=new Array();区域信息[9][0]=' 10 ';areaInfo[9][1]='虹口;区域信息[9][2]=' 2 ';区域信息[9][3]=" 0 ";areinfo[10]=new Array();区域信息[10][0]=' 11 ';areaInfo[10][1]='闸北;区域信息[10][2]=' 2 ';areinfo[10][3]=' 0 ';areinfo[11]=new Array();区域信息[11][0]=' 12 ';areaInfo[11][1]='普陀;区域信息[11][2]=' 2 ';areinfo[11][3]=' 0 ';areinfo[12]=new Array();区域信息[12][0]=' 13 ';areaInfo[12][1]='杨浦;区域信息[12][2]=' 2 ';areinfo[12][3]=' 0 ';areinfo[13]=new Array();区域信息[13][0]=' 14 ';区域信息[13][1]=“其他”;区域信息[13][2]=' 2 ';areinfo[13][3]=' 0 ';jquery。选举委员会。射流研究…复制代码代码如下:(函数($){ $)。fn。lyhucksele=function(options){ var element=this;var elementid='# '元素[0]。id;var defaults={ dataSource: { },子选择: ' # subclass ',选项:{text:' - Select -',值:''},值:'0 ',父id :0 };定义变量选项=$。扩展(默认值、选项);var默认Option=new Option();var默认子选项=新选项();(函数init(){默认选项。文本=选项。选项。文本;默认选项。值=选项。选项。价值;$(elementid).追加(默认选项);默认子选项。文本=选项。选项。文本;defaultsuboption。值=选项。选项。价值;$(选项.再选择).追加(默认子选项);$(选项.数据源).每个(函数(一){ var id=options。数据源[I][0];var MC=期权。数据源[I][1];if(选项。parentid==选项。数据源[I][2]){ var new Option=new Option();new option . value=idnewoption . text=MC $(element id).追加(新选项);} });})();返回this.each(function(){ $(this)).绑定('更改',函数(e){ var current val=$(this)} .val();var tmpDepth=0;$(选项.再选择).empty();$(选项.数据源).每个(函数(一){ var id=options。数据源[I][0];var MC=期权。数据源[I][1];if(当前值==选项。数据源[I][2]){ var new Option=new Option();new option . value=idnewoption . text=MC $(options . subselect).追加(新选项);tmpDepth } });if(tmpDepth==0){ var父Option=new Option();parentoption.value=$(elementid).val();parentoption.text=$(elementid).查找(“option:selected”).text();$(选项.再选择).追加(父选项);} });});};})(jQuery);调用:$(“# city category”).lyhuckselect数据源:区域信息,子选择: ' # are category ' });效果

版权声明:lyhucSelect基于框架的挑选数据联动插件是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。