select 联动 JSON jquery

<td width="40%">
<select name="parentId" id="parentId" style="width:100px;">
<option value="">
--请选择--
</option>
</select>
<select name="companiesSection" id="companiesSection">
<option value="">
--请选择--
</option>
</select>

<script type="text/javascript">
function initParentId() {
var option1 = '';
$.getJSON("${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId&id=2111",
function(jsonData) {
$.each(jsonData,
function(index, indexItems) {
option1 += "<option value=" + indexItems.id + ">" + indexItems.name + "</option>";
});
$("#parentId").append(option1);
$("#parentId").bind("change",
function() {
selectCompaniesSection($(this).val());
})
})
}

function selectCompaniesSection(id) {
$.ajax({
type: "get",
url: "${cxp}/manager/dictionary/listDictionary.do?method=getDictionarysByParentId",
data: "id=" + id ,
success: function(result) {
$("#companiesSection").empty();
result = eval(result);
if(result.length==0){
$("#companiesSection").append("<option value=''>--请选择--</option");
}else{
for (var i = 0; i < result.length; i++) {
$("#companiesSection").append("<option value='" + result[i].describe + "'>" + result[i].name + "</option");
}
}

}
})
}

initParentId();
</script>

</td>