java中select2插件的使用小汇

html：
    <input type="text" id="e9"  style="width:500px"/>
js：
    <script type="text/javascript">
$(document).ready(function() { 

   $("#e9").select2({
   data:[{id:"值2005",text:"文本2005"},{id:"值2004",text:"文本2004"},

           {id:"值2003",text:"文本2003"},{id:"值2002",text:"文本2002"}]}); 

  $("#e9").click(function(){//取value值和text值
    alert("val:"+$(this).val());
    alert("val:"+$(this).select2("val"));
  //拿到text的值，文本框中显示的值

   select("data").text
});
});
</script>

------------------------------- 上面显示，下面可选，上下可交互

<input type="text" style="width: 663px;" name="whichProvince" id="whichProvince"></input>

 

function updateZoneProvinces(a,b){
			$.ajax({
				type : "POST",
				dataType : "json",
				url : "szProvince.do?method=updateA",
				data:{"nowProvinces":b},
				success : function(dataa) {//显示在框里
					$.ajax({
						type : "POST",
						dataType : "json",
						url : "szProvince.do?method=getNoZoneSzProvince",
						data:{"notThisArea":a},
						success : function(data) {//存在select里
							$("#whichProvince").select2({    
								multiple: true,
								data : data
							});
							$("#whichProvince").select2('data', dataa );
						}
					});
				}
			});
		}