级联操作

所需要包:

<script language="javascript" src="<%=request.getContextPath() %>/js/jquery.js"></script>

action:

public String getCarMainBySid(){
        try {
            List list=smsRecordSendService.getAllSmsRecordSend(sid);//根据sid查询对应的客户
            List<UserTbl> userList=new ArrayList<UserTbl>();            
             for (int i = 0; i < list.size(); i++) {
                Object[] ob=(Object[]) list.get(i);
                UserTbl userTbl=new UserTbl();
                userTbl.setUId((Integer) ob[0]);   //查出的数据存入对象中
                userTbl.setUNickname(ob[1].toString());
                userList.add(userTbl);            
            }
            HttpServletResponse response=ServletActionContext.getResponse(); 
            response.setCharacterEncoding("UTF-8");
            PrintWriter out= response.getWriter();
            net.sf.json.JSONArray aj=new net.sf.json.JSONArray();
            net.sf.json.JsonConfig jc=new net.sf.json.JsonConfig();
            jc.setJsonPropertyFilter(new JsonFilter());
            aj.addAll(userList,jc);
            out.print(aj);         
            } catch (Exception e) {
                e.printStackTrace();
            }
            return null;

}

jquery:

<SCRIPT language=JavaScript type=text/JavaScript>
            function getCarMainBySid(sid){
        $.getJSON("<%=basePath%>smsRecord_getCarMainBySid?random=Math.random",{"sid":sid},function(data){
            var cmp=$("#userId")[0];  //子级id
            cmp.options.length=0;
            
            cmp.options[0]=new Option('--请选择--','0');
            var j=1;
            for(var i=0;i<data.length;i++){
                cmp.options[j]=new Option(data[i].UNickname,data[i].UId);
                j++;
            }            
        }); 
      }

</SCRIPT>

html:

  <tr>
          <td width="100" class="td_form01">所属4s店</td>
          <td class="td_form02">
             <select name="smsRecordSendListTbl.carshopTbl.SId" id="stssId" onchange="getCarMainBySid(this.value)">
                <option value="">-请选择-</option>
                <s:iterator value="#request.carshops" var="cs">
                    <option value="${cs.SId }" ${smsRecordSendListTbl.carshopTbl.SId==cs.SId ?'selected':''} >${cs.SFullName}</option>
                </s:iterator>
            </select>
          </td>
      </tr>
      <tr>
           <td width="100" class="td_form01">发送哪个用户</td>
           <td>
              <select name="smsRecordSendListTbl.UId" id="userId">
              <option  value="0">请选择</option>
                 <s:iterator value="#request.user" var="data">                 
                    <option value="${data.UId }"  ${smsRecordSendListTbl.UId==data.UId ?'selected':''}>${data.UNickname}</option>
                </s:iterator> 
              </select>
         </td>
      </tr>

 

posted on 2016-06-15 14:31  java_zc  阅读(339)  评论(0)    收藏  举报

导航