选择部门下拉框

<span class="input-icon">
<!-- 
	<input autocomplete="off" id="nav-search-input" type="text"
	 name="departmentFilterName" value="${pd.departmentFilterName }" placeholder="填报人单位" />
	<i id="nav-search-icon" class="icon-search"></i>
 -->
	<input autocomplete="off" id="citySel" type="text"  class="input-medium"
	 name="departmentFilterName" value="${pd.departmentFilterName }" placeholder="填报人单位" />
	<i id="nav-search-icon" class="icon-search"></i>
	
	<div class="input-append">
		<!-- 
		<input class="input-medium" id="citySel" readonly type="text" value="${pd.department }" name="department"  placeholder="请选择部门">
		-->
		<input id="menuBtn" name="" type="button"  value="openTree"  style="display:none;"/>
	
	 </div> 
	<div id="DropdownMenuBackground" style="display:none; position:absolute;z-index:999;height:300px; min-width:266px; background-color:white;border:1px solid;overflow-y:auto;overflow-x:auto;">
		<ul id="dropdownMenu" class="tree"></ul>
	</div>
</span>





<div id="DropdownMenuBackground" style="display:none; position:absolute;z-index:999;height:300px; min-width:266px; background-color:white;border:1px solid;overflow-y:auto;overflow-x:auto;">
	<ul id="dropdownMenu" class="tree"></ul>
</div>

var  zNodesDepartments=${menuList };					
 var setting2 = {
			isSimpleData: true,
			treeNodeKey: "id",
			treeNodeParentKey: "pId",
			fontCss: setFont,
			callback: {
				beforeClick: zTreeOnBeforeClick,
				click: zTreeOnClick
			}            
};
 function zTreeOnBeforeClick(treeId, treeNode) {
		return true;
		//if()return true;
	  //  var check = (treeNode && !treeNode.isParent);
	   // if (!check) alert("只能选择部门");
	   // return check;
}
 function zTreeOnClick(event, treeId, treeNode) {
	if (treeNode) {
		var cityObj = $("#citySel");
	   // cityObj.attr("value", treeNode.name);
		cityObj.attr("value", treeNode.nodePath);
		hideMenu();
	}
}

						
							
	function showMenu(){
		var cityObj = $("#citySel");
		var cityOffset = $("#citySel").offset();
	   // $("#DropdownMenuBackground").css({left:cityOffset.left+"px",top:cityOffset.top+cityObj.outerHeight()+"px"}).slideDown("fast");   
		$("#DropdownMenuBackground").css({left:"0px",top:"30px"}).slideDown("fast");    
	}   
 function reloadTree(){
	hideMenu();
	zTree1 = $("#dropdownMenu").zTree(setting2, zNodesDepartments);
}
function hideMenu() {
	$("#DropdownMenuBackground").fadeOut("fast");
}
function setFont(treeId, treeNode) {
	if (treeNode && treeNode.isParent) {
		return {color: "blue"};
	} else {
		return null;
	}
}
					
$(document).ready(function(e) {
	reloadTree();
	
	$("#menuBtn,#citySel").bind("click",
		function(){
			if($("#DropdownMenuBackground").css("display") == "none"){
				showMenu();
			}
			else{
				hideMenu();
			}
	});
	$("body").bind("mousedown", 
			function(event){
				if (!(event.target.id == "DropdownMenuBackground" || $(event.target).parents("#DropdownMenuBackground").length>0)) {
					hideMenu();
				}
	}); 
	
	$("#doAjax").on("click",function(){
		  paginationPageNum=1;
		  paginationData= {"pd['departmentId']":($("#citySel").val()==""?"陕西省":$("#citySel").val())};				    		
		  pageReLoad();
		
	});
});