html页面自动刷新三级联动,jquery+html三级联动下拉框

html写的三个下拉框，如下：

要求1：加载页面时初始化一级下拉框，当一级下拉框点击取值后加载二级下拉框，点击二级下拉框后加载三级下拉框；

$(document).ready(function () {

//一级单位的下拉显示框

$.getJSON(rootPath + 'Dictionary/GetDicDataForSelect?idfield=ID&textfield=VALUE&' + "where=" + JSON2.stringify({

op: 'and',

rules: [{ field: 'PARENTID', value: 1, op: 'equal' }]

}), function (json) {

var lst = eval(json);

for (i = 0; i < lst.length; i++) {

var tname = lst[i].text;

var tid = lst[i].id;

$("#ddl_QYWZYJ").append("" + tname + "");

}

});

$("#ddl_QYWZYJ").click(function () {

GetQYWZYJData();

});

$("#ddl_QYWZEJ").click(function () {

GetQYMSData();

})

})

@* 一级下拉框值改变时触发加载二级下拉框*@

function GetQYWZYJData() {

var QYWZYJvalue = $('#ddl_QYWZYJ option:selected').val();//选中的文本

$.getJSON(rootPath + 'Dictionary/GetDicDataForSelect?idfield=ID&textfield=VALUE&' + "where=" + JSON2.stringify({

op: 'and',

rules: