2行代码完成级联下拉列表框 |
您所在的位置:网站首页 › js省市联动下拉菜单 › 2行代码完成级联下拉列表框 |
完成一个级联下拉列表框(例如:省市联动)需要多少行代码呢? 问过若干人,答案从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 |