前台使用ajax动态获取数据并且显示在页面上，SSM框架二级联动

首先是使用注解的方式操作

在页面上 :

 <select name="province" class="province" id="province">

           <option value="0">----请选择省份----</option>
       </select>
       <select name="city" class="city" id="city">
           <option value="0">------请选择城市-----</option>

       </select>

使用jQuery

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
       $(function(){
    $.ajax({
         url:'test/select.do',
         data:{},
         type:'get',
         success:function(data){
             $(data).each(function(index){
                 $("#province").append(
                    '<option value="'+data[index].pid+'" id="'+index+'">'+data[index].province+'</option');
             });
         }
    });
    
  $("#province").bind("change",function(){
      var pid=$(this).val();
      //每点一次就清空一次
      $("#city").html('<option value="0">----请选择省份----</option>');
     /*  $.post("test/secondSelect.do",
              {"pid":pid},
              function(data){