jquery ajax决定下拉菜单，以及下拉菜单级联

目录

 

html

js

后台java

---

html

<select class="form-control" id="father" name="father" style="width:130px">
	<option value="-1">全部</option>											 	
</select>
<select class="form-control" id="son" name="son" style="width:130px">
	<option value="-1">全部</option>											 	
</select>

操作是html页面加载完成，ajax加载father的下拉菜单，如果页面已经确定father的值了，就根据father，ajax加载son的下拉菜单。

不然也可以在father菜单改变后，根据father的值，ajax加载son的下拉菜单

js

ajax返回的是text类型， JSON.parse() 方法将text转换为 JavaScript 对象。

//页面载入时执行
$(function() {
	
	//加载老爸
	initFather(father)
	//加载儿子
	initSon(father,son)
	
});

//加载老爸
function initFather(father){

	$.ajax({
		ur