select二级联动php,如何实现select select二级联动效果

一级类目：

---请选择---

#foreach($cell in $categories)

$!{cell.name}

#end

二级类目：

---请选择---

function changeCate(){

var mainCategoryId =

$("#mainCategoryId").find("option:selected").val();

if(mainCategoryId == "") {

$(".categoryId").empty().append("---请选择---");

return false;

}

$.ajax({

url:'/tvtao/video/item/category.htm',

type:"post",

dataType:"json",

data: {'_tb_token_' : $("input[name='_tb_token_']").val(), parantId : mainCategoryId},

success: function (data) {

console.log(data);

$(".categoryId").empty().append("---请选择---");

for(var i = 0, len = data.length; i < len; i++)

{

alert(data[i].id);

$(".categoryId").append($("" + data[i].name + ""));

}

}

});

}