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" οnchange="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
		}
	});
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沙漏无语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值