資料庫sql：

 CREATE TABLE `tb_category` (

  `cid` char(40) NOT NULL,
  `cname` varchar(50) DEFAULT NULL,
  `pid` char(40) DEFAULT NULL,
  `desc` varchar(200) DEFAULT NULL,
  PRIMARY KEY (`cid`),
  UNIQUE KEY `cname` (`cname`),
  KEY `FK_t_category_t_category` (`pid`),
  CONSTRAINT `fk_category_category` FOREIGN KEY (`pid`) REFERENCES `tb_category` (`cid`)

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

jsp:

<tr>
<td style="text-align: right;">所屬一級分類：</td>
<td>

<select id="FirstCate"  name="FirstCate"  style="width: 232px;height: 30px ;font-size: 15px" onchange="changeCategory()">
  
   <option  >----請--選--擇----</option>
   
  <c:forEach items="${listCategory}" var="lc">
   <c:if test="${lc.pid==null}">
    <option value="${lc.cid }"> ${lc.cname }</option>
   </c:if>
   </c:forEach>
</select>
</td>
</tr>

<tr>
<td style="text-align: right;">所屬二級分類：</td>
<td>
<select id="secondTypeId" name="cid"  style="width: 232px;height: 30px" >
<option value="">----請--選--擇----</option>

</select>
</td>

js程式碼：

 <script type="text/javascript">
function changeCategory(){

var cid = $("#FirstCate").val();
$.ajax({
type:'POST',
dataType:'text',//不寫這個會提示下載或者改為json也是
url:'${pageContext.request.contextPath}/admin/video/ajaxFindSecondType',
data:{
cid1 : cid
}, 


success:function(data){

var secondCategoryObj = document.getElementById("secondTypeId");
  secondCategoryObj.innerHTML = "<option value=''>----請--選--擇----</option>";
//解析json為陣列
     var data = eval("("+data+")");     
     var dataList = data.tasks;
     if (dataList!= null) { //如果沒有這一步，js會報length null之類的
     for(var i=0;i<dataList.length;i++)//遍歷
     {
    var categoryObj = dataList[i];
var cid = categoryObj.id;
var cname = categoryObj.name;
          //進行新增到標籤裡
         secondCategoryObj.innerHTML =  secondCategoryObj.innerHTML + "<option value='"+cid+"'>"+cname+"</option>";
         
     }
     }

}
}); 
}
</script>

Controller程式碼：

（1）
//通過url路徑到add_moive頁面，進行新增前準備(先查全部分類並傳遞到jsp,把一級分類的資料顯示出來)
@RequestMapping("/addVideo")
public ModelAndView addVideo()throws Exception{

//查詢所有分類並傳資料到jsp頁面去
List<CategoryCustom> listCategory = categoryService.findAllCategory();


ModelAndView modelAndView = new ModelAndView();

modelAndView.addObject("listCategory", listCategory);

modelAndView.setViewName("admin/yingshi/add_moive");

return modelAndView;
}

（2）

//根據id查詢二級分類(我的分類在同一張表中(注意))。
@RequestMapping("/ajaxFindSecondType")
public @ResponseBody Map<String,Object> findSecondTypeById(String cid1,HttpServletResponse response )throws Exception{

List<TbCategory>  lTbCategories =  categoryService.findCategoryById(cid1);

Map<String,Object> jsonMap = new HashMap<String, Object>();
 
List list = null;

       if(null != lTbCategories && lTbCategories.size()>0){
           list = new ArrayList();
           
           for(TbCategory tbCategory : lTbCategories){
               Map<String,String> taskMap=new HashMap<String,String>();
               
               taskMap.put("id", tbCategory.getCid());
               taskMap.put("name", tbCategory.getCname());
               list.add(taskMap);
           }
       }
       jsonMap.put("tasks", list);
       return jsonMap;
 

}