jQuery下拉框三级联动

jQuery(function () {
 jQuery.get("AjaxGetData.aspx",{flag:1}, function (_data) {
 
                if (_data) {
 
                    var op = "";
                    for (var i = 0; i < _data.length; i++) {
                        op += '<option value=' + _data[i].ID+ '>';
                        op += _data[i].Name;
                        op += '</option>';
                   }
                    jQuery("#pcproject").append(op);
                }
            }, "json"); 

           //当线路发生改变时，标段和工点改变
            jQuery('#pcproject').change(function () {

                jQuery('#pcportion option:gt(0)').remove();
                jQuery('#pcsite option:gt(0)').remove(); 


                jQuery.get("AjaxGetData.aspx", { flag: 2, Pid:jQuery(this).val() }, function (_data) {
                    if (_data) {
                        var pcportion = '';
                        for (var i = 0; i < _data.length; i++) {
                            pcportion += '<option value='+ _data[i].ID+ '>';
                            pcportion += _data[i].Name;
                            pcportion += '</option>';
                        }
                        jQuery('#pcportion').append(pcportion);
                    }
                }, "json"); 
            });

           //当标段发生改变时，工点改变
            jQuery('#pcportion').change(function () {

                 jQuery('#pcsite option:gt(0)').remove();  
                jQuery.get("AjaxGetData.aspx", { flag: 3, Pid:jQuery(this).val() }, function (_data) {
                    if (_data) {
                       
                        var pcsite = '';
                        for (var i = 0; i < _data.length; i++) {
                            pcsite += '<option value='+ _data[i].ID+ '>';
                            pcsite += _data[i].Name;
                            pcsite += '</option>';
                        }
                        jQuery('#pcsite').append(pcsite);
                    }
                }, "json"); 
            });

 
});

 

转载于:https://www.cnblogs.com/genghuilove/p/6382029.html