2行代码完成级联下拉列表框

您所在的位置:网站首页 js省市联动下拉菜单 2行代码完成级联下拉列表框

2行代码完成级联下拉列表框

2022-11-17 08:58| 来源: 网络整理| 查看: 265

完成一个级联下拉列表框(例如:省市联动)需要多少行代码呢?

问过若干人,答案从100行到几万行的都有。

那么对于一个二级联动下拉列表框需要这么多代码的话,那么一个四级的联动下拉列表框(比如:品牌、分类、类型、型号)又需要多少行代码?

对于这个问题,我们推荐的是,每个增加一个下拉列表框只要2行。

当然,这没有计算写成通用结构的代码。

那么,我们来看看是什么样的代码能够通用到这种程度,可以每增加一个下拉列表框只需要2行就可以了。

 

 为了简单起见,我们采用两套级联下拉列表框来实现例子。一个是省市下拉列表框,另一个是产品下拉列表框。

 先上代码:

11 2 2 3 3 Cascade Drop Down 4 4 5 5 .cascade_drop_down {width:200px; 6 6 7 7 8 8 9 9 $(document).ready(function(){ 1010 1111 $(".cascade_drop_down").change( 1212 function () { 1313 var name = $(this).attr("name") + "_next"; 1414 var next = $("#" + name).val(); 1515 if (next == null || next == '') { 1616 return; 1717 } 1818 1919 $("#" + next).empty(); 2020 2121 $.ajax({ 2222 type:'post', 2323 url: $(this).val() + '.txt', 2424 data:'name=' + name + '&val=' + $(this).val(), 2525 dataType:'text', 2626 success:function(msg){ 2727 ops = msg.split("\n"); 2828 for (i = 0; i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3