运用ajax写下拉框二级关联

<strong><span style="color:#ff6666;">下拉框</span></strong>
				    		<li>
								<select class="na-input" id="sel1" name="column" style="height: 24px;" οnchange="changeValue()">
									<option value="0"	>-------请选择-------</option>
								     <option value="sppz" <c:if test="${column=='sppz'}">selected="selected"</c:if> >食品品种</option>
								     <option value="jcxm" <c:if test="${column=='jcxm'}">selected="selected"</c:if> >检测项目</option>
								</select>
							</li>
							<li>
								<select class="na-input" id="sel2" name="value" style="height: 24px;">
								</select>
							</li>
<strong><span style="color:#ff6666;">function</span></strong>
			 
			function changeValue(){
				var value = $('#sel1 option:selected').val();//获取第一个下拉框的值

				if("sppz"==value){//做判断
				$.ajax({
					type:"post",
					dataType:"text",
					url:"${ctx}/sppz_getAllSppz.do",
					cache:false,
					async:false,
					success:function(result){
						var sltsppz = document.getElementById('sel2');//获取第二个下拉框的对象
						var resList = eval('('+result+')');//解析从后台传回的String类型的json数组
						for(var i=0;i<resList.length;i++){//循环遍历数组
							sltsppz[i] = new Option(resList[i].pzmc,resList[i].id);//将数组的值依次赋给第二个下拉框
						}
					}
				});
				
				}else{
					$.ajax({
						type:"post",
						dataType:"text",
						url:"${ctx}/jcxm_getAllJcxm.do",
						cache:false,
						async:false,
						success:function(result){
							var sltjcxm = document.getElementById('sel2');
							var resList = eval('('+result+')');
							for(var i=0;i<resList.length;i++){
								sltjcxm[i] = new Option(resList[i].name,resList[i].id);
							}
						}
					});
				}
			}
		
<span style="color:#ff0000;"><strong>后台数据</strong></span>
		PrintWriter out = null;
		JSONArray jsonArray = JSONArray.fromObject(foodpzList);//把获得的list转换成json数组
		String result = jsonArray.toString();//改成String类型
		try {
			out = getResponse().getWriter();
			out.write(result);
			out.flush();
			out.close();
		} catch (Exception e) {
			// TODO: handle exception
			e.printStackTrace();
		}



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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值