Bootstrap 关于下拉选择框的进一步学习

我做毕设的时候，我想根据哪些医院有哪些科室，我当时想的思路是，把选中的值，赋值给hospitalCode,然后根据该值去查询有哪些科室。
写了两个显示列表的方法,分别是医院和科室

function showHospitalCode(){
            	$.ajax({
					url:"${TTC}/doctorInfo/getHospitalCodeList.do",//跳转到控制器DepartmentController
					type:"POST",
					success:function(hospitals) {

							var content = '';
							//循环拼串
							$.each(hospitals,function(i,n){
								//循环把后台传来hopitals中的namecode和name拼起来。
								content += "<option value='" + n.namecode + "'>"+ n.name+"</option>";
							});
							//选择列表，选中的值赋值到hospitalCode;
							$("#hospitalCodeSelect").html(content).trigger("chosen:updated").change(function () {
								hospitalCode=$("#hospitalCodeSelect option:selected").val();
							})
					}
				})
			}

function showDepartment(){
            	//更新hospitalCode,让选中值赋值给更新hospitalCode
            	hospitalCode=$("#hospitalCodeSelect option:selected").val();
            	$.ajax({
					url:"${TTC}/doctorInfo/getDepartmentList.do",//跳转到控制器DepartmentController
					type:"POST",
					data:{
						"hospitalcode" : hospitalCode,
					},
					success:function(departmentls) {

							var content = '';
							//循环拼串
							$.each(departmentls,function(i,n){
								//循环把后台传来hopitals中的namecode和name拼起来。
								content += "<option value='" + n.code + "'>"+ n.name+"</option>";
							});
							//选择列表，选中的值赋值到hospitalCode;
							$("#departmentSelect").html(content).trigger("chosen:updated").change(function () {
								departmentCode=$("#departmentSelect option:selected").val();
							})
					}
				})
			}

然后当我改变医院的值时候，调用显示科室的方法，在显示科室的方法中，重新更新hospitalCode的值