级联选择地区的一种实现想法

代码 
 1  function AddArea(deep) {
 2      var parentId = "0";
 3             if ($("#divSelect select").length > 0) {
 4                 parentId = $("#drpArea" + deep).val();
 5             }
 6             Proxy.invoke("GetAreasByParentId", { parentId: parentId }, function (data) {
 7                 if (data.length > 0) {
 8                     var drpArea = "<select size='8' style='margin-left:10px; padding-left:3px;' id='drpArea" + (deep + 1) + "' onclick='AddArea(" + (deep + 1) + ")'></select>";
 9                     if ($("#divSelect select").length > 0) {
10                         $("#drpArea" + deep).nextAll().remove();
11                         var drpLast = $("#divSelect select:last");
12                         drpLast.after(drpArea);
13                     }
14                     else
15                         $("#divSelect").html(drpArea);
16 
17                     $(data).each(function (i, n) {
18                         $('<option value="' + n.Id + '">' + n.Name + '</option>').appendTo($('#drpArea' + (deep + 1)));
19                     });
20                 }
21             });
22             
23             //alert($("#drpArea" + (deep - 1)).val());
24         }

 

扩展下可以实现 网状数据 的级联

posted @ 2010-10-26 16:55  箱子  阅读(134)  评论(0)    收藏  举报