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"); 
            });

 
});