宝哥软件园

JavaScript实现的级联算法示例【省市二级联动功能】

编辑:宝哥软件园 来源:互联网 时间:2021-08-28

本文实例讲述了Java脚本语言实现的级联算法。分享给大家供大家参考,具体如下:

!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/HTML;charset=utf-8 '/title link demo/title script src=' http :3358 libs。百度。com/jquery/2。0 .0/jquery。量滴js '/脚本/脚本类型=' text/JavaScript ' var shengshiString=' 1 _山东省-11_德州市12_青岛市13_济南市~2_河北省-21_邯郸市*211_临漳县/212_磁县22_石家庄市*221_定县/222_宁县23_保定市;$(文档)。ready(function(){ init();});函数init(){ var sheng array=sheng string。拆分(' ~ ');for(var I=0;我生阵长;i ) { var sheng=shengArray[i].拆分('-')[0];var shi=shengArray[i].split('-')[1];var sheng id=sheng。split(' _ ')[0];定义变量盛名=笙。split(' _ ')[1];var new option=$(' option/option ');$(新选项)。val(笙id);$(新选项)。文字(圣名);$('声').追加(新选项);if(I==0){笙变(笙id);} } }函数升调(升调){ $(' #师').empty();var笙阵=笙弦。拆分(' ~ ');for(var I=0;我生阵长;I){ var sheng StrIng=sheng array[I].拆分('-')[0];var shiString=shengArray[i].split('-')[1];var sheng id=sheng StrIng。split(' _ ')[0];if(shengidparam==shengId){ var shiArray=shiString。split(');for(var j=0;j shiArray . length j){ var Shi string=shiArray[j].拆分(' * '[0];var shi=shistringvar SHiID=Shi。split(' _ ')[0];var ShiName=Shi。split(' _ ')[1];var new option=$(' option/option ');$(新选项)。瓦尔(什叶派);$(新选项)。文字(ShiName);$('#shi ').追加(新选项);if (shiName=='邯郸市|| shiName=='石家庄市){ shichange(什叶派);} } } } }函数shichange(shiidparam){ $('#xian ').empty();var笙阵=笙弦。拆分(' ~ ');for(var I=0;我生阵长;I){ var sheng StrIng=sheng array[I].拆分('-')[0];var shiString=shengArray[i].split('-')[1];var sheng id=sheng StrIng。split(' _ ')[0];var shiArray=shiString。split(');for(var j=0;j shiArray . length j){ var Shi string=shiArray[j].拆分(' * '[0];var xianarray=shiArray[j].拆分(' * '[1];var shi=shistringvar SHiID=Shi。split(' _ ')[0];var ShiName=Shi。split(' _ ')[1];if(ShiId==ShiedParam){ var xian=xian array。split('/');for(var s=0;s贤。长;s ) { var仙Id=xian[s].split(' _ ')[0];定义变量仙名=贤[s].split(' _ ')[1];var new option=$(' option/option ');$(新选项)。val(仙妮德);$(新选项)。文字(仙名);$(“# xian”).追加(新选项);} } } } }/脚本/标题正文选择id='笙' on change='笙change(此。值)'/选择选择id='施'上改='施改(本。值)'/选择选择id=' xian '/选择/正文/html使用在线HTML/CSS/JavaScript代码运行工具:http://工具。JB 51。net/code/HTMljsrun测试上述代码,运行效果如下图所示:

更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题: 《JavaScript操作DOM技巧总结》 、 《JavaScript数组操作技巧总结》 、 《JavaScript排序算法总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript数学运算用法总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript查找算法技巧总结》 及《JavaScript错误与调试技巧总结》

希望本文对JavaScript编程有所帮助。

更多资讯
游戏推荐
更多+