zoukankan      html  css  js  c++  java
  • 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"); 
                });
    
     
    });
  • 相关阅读:
    理解闭包
    .net 应用程序执行过程
    Lambda 表达式
    栈的应用
    C# string
    自包含 与 自描述
    C# 值类型 与 引用类型
    C# 装箱 与 拆箱
    sql server分页的两种方法比较
    九月天开博日志
  • 原文地址:https://www.cnblogs.com/genghuilove/p/6382029.html
Copyright © 2011-2022 走看看