在选项框中,根据一个的内容生成不同的另一个选项框

前端代码:

    <div class="row cl">
	    <label class="form-label col-xs-1 col-sm-1"><span class="c-red">*</span>科室:</label>
		<div class="formControls col-xs-2 col-sm-2">
			<span class="select-box"><select class="select" onchange="gradeChange()" id="Department" name="Department">
			    <option value="mr">--请选择--</option>
			</select></span>
		</div>			
		<label class="form-label col-xs-1 col-sm-1"><span class="c-red">*</span>医生:</label>
		<div class="formControls col-xs-2 col-sm-2">
			<span class="select-box"><select class="select" id ="Doctor" name="Doctor">
			    <option value="mr">--请选择--</option>
			</select></span>
		</div>

需要顶一个js函数用于控制和后台的交互

 function gradeChange(){
       var $Department = $("#Department").val();
      $("#Doctor").empty();
      $.post("MobleAjax",
    		  {"Department":$Department},
    		  function(result){
                    var json=eval(result);
                   var html = "<option value=''>&nbsp;&nbsp;</option>";
   				 $.each(json,function(i,element){
   					 html += "<option value='"+this.name
                     +"'>"+this.name+"</option>";
   					alert(this.name+"....."+this.age) ;
   				 })
                $("#Doctor").append(html);
      },"json");
  }

后台servlet的名字叫做MobleAjax.java
代码如下:

  protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
	request.setCharacterEncoding("utf-8");
	response.setCharacterEncoding("utf-8");
	response.setContentType("text/html;charset=UTF-8");
	String Department=request.getParameter("Department");
	System.out.print("0000"+Department);
	PrintWriter out=response.getWriter();
	/*if("18888888888".equals(mobile)) {
		System.out.print("true");
		out.write("注册失败!!");
	}else {
		System.out.print("false");
		out.write("注册成功!!");
	}
	unitPropertiesCode*/
	Student s=new Student();
	s.setAge(8);
	s.setName("小张");
	Student stu2=new Student();
	stu2.setName("8495");
	stu2.setAge(84);
	
	Student stu3=new Student();
	stu3.setName("894");
	stu3.setAge(89);

	JSONObject json=new JSONObject();
			if("3".equals(Department)) {
		String[] a=new String[2];
		a[0]="111";
		a[1]="222";
		System.out.println("12052");
		json.put("stu1", s);
		json.put("stu2", stu2);
		json.put("stu3", stu3);

		out.print(json);
	}else {
		out.print("1");

	}
	
	out.close();
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值