分公司:

                                         <select id="SelectCom">

                                             <option value="">--请选择分公司--   </option>

                                         </select>

                                         电厂:

                                         <select id="SelectORG">

                                             <option value="">--请选择电厂--</option>

                                         </select>

                                         机组:

                                         <select id="SelectuUnit">

                                             <option value="">--请选择电厂--</option>

                                         </select>

web页面

 private string GetData(String DataType,string Id) {

         DataTable data = new DataTable();

         string str = "";

         switch (DataType) {

             case "Com":

                 data = blldou.GetComByCid(Id);

                 break;

             case "Org":

                 data = blldou.GetOrgByCid(Id);

                 break;

             case "Unit":

                 data = blldou.GetUnitByOid(Id);

                 break;

         }

         if (data != null)

         {

             for (int i = ; i < data.Rows.Count; i++)

             {

                 string TempStr = "[\"" + data.Rows[i][] + "\",\"" + data.Rows[i][] + "\"]";

                 str += "," + TempStr;

             }

             str = "[" + str.Substring() + "]";

         }

         else {

             str = "[]";

         }

         return str;

     }

获取数据的后台代码

 $(function () {

         //初始加载公司

             $.post("Data.aspx", { DataType: "Com", Id: null }, function (data) {

                 var Tempdata = $.parseJSON(data);

                 for (var i = 0; i < Tempdata.length; i++) {

                     $("#SelectCom").append("<option value='" + Tempdata[i][0] + "'>" + Tempdata[i][1] + "</option>");

                 }

             });

             //选中公司后加载电厂数据

             $("#SelectCom").change(function () {

                 $("#SelectORG").empty();

                 $("#SelectORG").append("<option value=''>--请选择电厂--</option>");

                 $("#SelectuUnit").empty();

                 $("#SelectuUnit").append("<option value=''>--请选择机组--</option>");

                 $.post("Data.aspx", { DataType: "Org", Id: $(this).find("option:checked").val() }, function (data) {

                     var Tempdata = $.parseJSON(data);

                     for (var i = 0; i < Tempdata.length; i++) {

                         $("#SelectORG").append("<option value='" + Tempdata[i][0] + "'>" + Tempdata[i][1] + "</option>");

                     }

                 });

             });

             //选中电厂后加载机组数据

             $("#SelectORG").change(function () {

                 $("#SelectuUnit").empty();

                 $("#SelectuUnit").append("<option value=''>--请选择机组--</option>");

                 $.post("Data.aspx", { DataType: "Unit", Id: $(this).find("option:checked").val() }, function (data) {

                     var Tempdata = $.parseJSON(data);

                     for (var i = 0; i < Tempdata.length; i++) {

                         $("#SelectuUnit").append("<option value='" + Tempdata[i][0] + "'>" + Tempdata[i][1] + "</option>");

                     }

                 });

             });