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 ); } }); } }); }