ext省市联动(网优)

<script language="javascript">
  Ext.onReady(function(){
  	
  })
 //异步省市联动   
function chooseFunction(){
	var id =document.getElementById("s1").value;
	var id2 =document.getElementById("s3").value;
	//alert(id);		
	Ext.Ajax.request({
				method:'post',
               	url: '../assessmodel/functionContent.do?modelId='+id+'&sysId='+id2,                           
               	success: function(json){ 
					  var aa = json.responseText;
					  var data = eval('('+aa+')');
					  var bb=data.rows;
					  var sele = document.getElementById("s2");
					  sele.innerHTML = "";
					  var option2 = document.createElement('option');
					  	option2.value ="";
					  	option2.text= "请选择";
					  	option2.selected="selected";
					  	sele.add(option2);		
					  for(var i=0;i<bb.length;i++){
					  	var option = document.createElement('option');
					  	option.value = bb[i].id;
					  	option.text= bb[i].name;
					  	sele.add(option);					  	
					  }	 
				},
               failure : function() { 
                      alert("加载数据异常"); 
        	  } 
           });	
    //同时加载div
    Ext.get('assessModel_div').load({
		url:'../assessmodel/assessModelList.do?id='+id,
		text: "Loading ...",
		callback:function(){
		}
	});       				
}


</script>
<% 
	List modellist = (List)request.getAttribute("tawwpmodellist"); //获取模板集合
	List sysTypeList = (List)request.getAttribute("sysTypeList"); 
 %>
<form name="assessModelAdd" method="post"action="'>
	<table class="formTable">
	
				
		<tr>
			<td class="label"  >省</td>
			<td>	
				<select name="sysId" size="1" style="width: 6.8cm;" id="s3" onchange="javascript:chooseFunction();">	
					 <option value="">请选择</option>                 			 
					<option value="1">11</option>
					<option value="2">22</option>			
</select> </td></tr><tr><td class="label">市</td><td><select name="functionId" size="1" style="width: 6.8cm;" id="s2" > </select> </td></tr></table></form><div style="display:" id="assessModel_div"></div>


另一种方法处理页面接收到的值:

//异步获取判定标准
function getSelectStandareFun(functionId,standareId){
	Ext.Ajax.request({
		url: 'standarelistajax.do',
		method: 'post',
		success: function(response){
			var returnString = response.responseText;
			if(returnString!=""&&returnString!="null") {
				var responseArray = Ext.util.JSON.decode(returnString);
				var strHtml = "<select name='standareId' id='standareId'  class='select'   >";
					strHtml += "<option value=''>请选择</option>";
					for ( var i = 0; i < responseArray.length; i++) {
						var code = responseArray[i].standareId;
						var name = responseArray[i].cnName;
						strHtml += "<option value='" + code + "'>"
								+ name + "</option>";
					}
					strHtml += "</select>";
					Ext.getDom('standareDiv').innerHTML = strHtml;
					if(standareId!=null&&standareId!=""){
						var standareObj = document.getElementById("standareId");
						for(var i=0;i<standareObj.options.length;i++){
							if(standareObj.options[i].value == standareId){
								standareObj.options[i].selected = true;
								break;
							}
						}
					}
			}else{
				Ext.Msg.show({ msg: '获取信息失败!', buttons: Ext.Msg.OK });
			}	
		},
		failure: function(){
			Ext.Msg.show({ msg: '连接失败 请重新连接!', buttons: Ext.Msg.OK });
		},
		params: { 
			functionId:functionId
		}
	});
}


你可能感兴趣的:(ext)