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

 
});

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM