Jquery实现两级下拉框

在公司写了一个两级下拉框，用了Jquery框架，初次简单的使用了一下，感觉很好，以后用的机会会很多。

JSP页面的代码：

<table>
      <tr>
       <td>
         <select class="inputitem" name="sheng" id="sheng" style="width:98px;color:#003366" onChange="abc();">
           <option selected value="0">选择省份</option>
       <% Iterator it=list.iterator();
       while(it.hasNext()){
       Sheng sheng=(Sheng)it.next();
       %>
        <option value="<%=sheng.getSid() %>" ><%=sheng.getSheng() %></option>
       <%
       }
       %>
         
         </select>
           ->
     </td>
     <td id = "aa">     
           <select id="a" >
            <option value="0">选择市</option>
           </select>
          
       </td>
      </tr>
     </table>

 

JS关键代码：

<script>

function abc(){
  var sheng=document.getElementById('sheng').value;
  $.get("shi.do?t="+Math.random()+"&shengID="+sheng,function callback(data){  //将节点的数据发给服务端/shi ，当加载成功时调用function (data)
    $("#aa").html(data);         //将从服务端的数据输入到id ="aa"的标签里。
  });
 
 }

</script>

 

Action代码：

 

ServletOutputStream out=response.getOutputStream(); //获得ServletOutputStream的对象out
  StringBuffer sb=new StringBuffer();
  sb.append("<select name='shi' id='shi' align='left'><option value='0' id='s'>选择市</option>");
  for(int i=0;i<list.size();i++){
   Shi shi=list.get(i);
   sb.append("<option value="+shi.getSid()+">"+shi.getShi()+"</option>");
  }
  sb.append("</select>");
  out.print(sb.toString());//输出字符串数据到JSP页面上

 

截了一个图，好像看不出效果。