select2使用简介

   <!-- select2 -->
<link rel="stylesheet" href="plug-in/select2/css/select2.min.css">
<script type="text/javascript" src="plug-in/select2/js/select2.full.min.js"></script>
 

		var select2Data = new Array();
		$.ajax({
			url:'jformResumeInfoController.do?jfoInfo',
			type:'GET',
			dataType:'JSON',
			delay: 250,
			cache: true,
			success: function(data){
				for(var i = 0; i < data.length; i++){
					var select2Obj = {};
					var jformResumeInfo = data[i];
					select2Obj.id = jformResumeInfo.id;
					select2Obj.text = jformResumeInfo.name+"("+jformResumeInfo.workNum+")";
					select2Data.push(select2Obj);
				}
				$("#empId").select2({
					data: select2Data,
					placeholder:'请选择人员',//默认文字提示
				    language: "zh-CN",//汉化
				    allowClear: true//允许清空
				}).on("change",function(){
			        //值发生改变时触发，这里写需要调用的fuction
			        //常用事件有，select2-open  select2打开时触发
			        //select2-close   关闭时触发
			        //select2-selecting  选中时触发
			        alert($(this).val()+"   000000");
			    });
			}
		});

 <input id="empId" name="empId" type="text" maxlength="50" style="width: 150px" class="inputxt"  ignore="checked" />