通过jq实现下拉菜单的二级联动，但是页面源代码一直不变
 现在在做的项目，有个发送邮件模块，现在的问题是可以实现联动，，但是查看页面源代码的时候，数据根本就没有发生变化，不知道为什么，求指点

这个是jq代码：

var mail={

		//初始化

	init:{

		//初始化数据

		initdata:{

			did:''

		},

		//初始化时间

		initevent:{

			

			DataEvent:function(){

				$("#did").unbind("change");//获取一级菜单，绑定事件

				$("#did").bind("change",function(){

				alert($(this).val());

				mail.init.initdata.did=$(this).val();

				alert(mail.init.initdata.did);

				mail.init.initevent.getuser();

				});

		},

			getuser:function(){

			

				$.post("mailAction_showUsers?did="+mail.init.initdata.did,null,function(data){

				var uidoption=$("#uid") ;//获取二级菜单

				uidoption.empty();//将列表清空

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

				//向里面填充option，通过循环

				uidoption.append("<option value="+data.users.uid+ " >"+data.users[i].username+"</option>" );

					}

				});

		}

	 }

	

  }

}



$().ready(function(){

	mail.init.initevent.DataEvent();



});

功能是正常的，页面也显示了， 就是通过浏览器查看页面源代码的时候，数据根本没有变化

这个是页面初始化时候：


这个是初始化的时候的页面源代码：


这是选择了以后的页面：

这是选择了以后的源代码：



可见选择了以后，页面上显示了，但是实际的页面源代码，没有改变，这样肯定在写入数据库的时候，就会有异常，有没有人遇到过，说说怎么解决。。

是不是页面  缓存的问题？或者其他的。。。什么问题。。  求高人指点。。


------解决方案--------------------
你那个是加载完成的，你用浏览器的F12看看。
------解决方案--------------------
这个查看源文件本来就显示最初的  你提交后台提取就是你选择的了
------解决方案--------------------
要右键—>审查元素，才能看到动态html的变化。查看网页源代码只是查看你html的内容，也就是说你的html里面写什么，查看网页源代码的时候你看到的就是什么，而通过js更改的动态html你是看不见的