Ajax如何实现初始多级联动的上一次状态？

        我们都是知道，用ajax实现无任何刷新的多级联动在asp.net里面很简单的，通过一般处理程序Ajax.ashx 集合JsonHelper构造出键值对返回给页面，然后结合jquery给联动框中加载数据即可实现。

        本教程将以两个listbox时间新闻分类的二级联动，JS如下：

        <mce:script type="text/javascript" language="javascript"><!-- $(document).ready(function() { GetMenu(); $("#lstOne").change(function(){ GetSubMenu()}); }); function GetMenu() { $("#lstOne").empty(); $.getJSON( "Ajax.ashx", { PostType:"GetMenu", ID:Math.random() },function(obj) { $.each(obj.data, function(i, item){ $("<option></option>").val(item["ID"]).text(item["Name"]).appendTo($("#lstOne")); } ); var MenuID = document.getElementById("MenuID").value; if(MenuID.length > 0) { InitialMenu(MenuID); GetSubMenu(); } } ); } function GetSubMenu() { $("#lstTwo").empty(); $.getJSON( "Ajax.ashx", { PostType:"GetSubMenu", ID:$("#lstOne").val() },function(obj) { $.each(obj.data,function(i,item) { $("<option></option>").val(item["ID"]).text(item["Name"]).appendTo($("#lstTwo")); }); var MenuID = document.getElementById("SubMenuID").value; if(MenuID.length > 0) { InitalSubMenu(MenuID); } } ); } // --></mce:script>

即可实现listbox的二级联动；

     如下所示：

                              

  

     问题在于，我打开页面，我想看到我上次选择的分类关系，这个也好办的，我们用两个隐藏域服务空间保存上次所选择的分类编号，如下：

      <asp:HiddenField ID="MenuID" runat="server" Value="2"/> <asp:HiddenField ID="SubMenuID" runat="server" Value="6" />

      然后再结合两个js函数来初始化上一次的状态：

      <mce:script type="text/javascript" language="javascript"><!-- function InitialMenu(ID) { var objs = document.getElementById("lstOne").options; for(var i = 0 ;i < objs.length; i++) { if(objs[i].value == ID) { objs[i].selected = "selected"; } } } function InitalSubMenu(ID) { var objs = document.getElementById("lstTwo").options; for(var i = 0 ;i < objs.length; i++) { if(objs[i].value == ID) { objs[i].selected = "selected"; } } } // --></mce:script>

         

       我们刷新页面即可恢复到上一次我们所选择的那个状态，见图：