添加页面：

<SCRIPT language="JavaScript">
window.onload = login;//传入函数地址
//获得一级分类
function login() {
	$('#CON_STEP').empty();
	var ciValue = $('#CON_STEP');
	ciValue.append('<option value="">请选择一级分类</option>'); 
    $.ajax({
        type: 'POST',
        url: '接口或者ajax路径',
        data: {
            id: 0,
			n: Math.random()
        },
        dataType: 'json',
        error: '',
        success: function(d) {
			opts = d.data;
			if (opts && opts.length > 0) { 
			   	var html = []; 
				for (var i = 0; i < opts.length; i++) { 
					html.push('<option value="'+opts[i].id+'">'+opts[i].name+'</option>');
				} 
				ciValue.append(html.join(''));
			}
        }
    })
}
//选择一级分类获得二级分类
function changeSelect(){
	var obj = document.all.CON_STEP;
	var text = obj.options[obj.selectedIndex].text; // 选中文本 一级类的文本
	var id = obj.options[obj.selectedIndex].value; // 选中值 一级类的id
	$('#CON_STEP_NAME').val(text);
	//以上部分是为了获得下拉选项的文本，已便提交到数据库中去
	
	$('#CON_ID').empty();
	var ciValue = $('#CON_ID');
	ciValue.append('<option value="">请选择二级分类</option>'); 
    $.ajax({
        type: 'POST',
        url: '接口或者ajax路径',
        data: {
            id: id,
			n: Math.random()
        },
        dataType: 'json',
        error: '',
        success: function(d) {
			opts = d.data;
			if (opts && opts.length > 0) { 
			   	var html = []; 
				for (var i = 0; i < opts.length; i++) { 
					html.push('<option value="'+opts[i].id+'">'+opts[i].name+'</option>');
				} 
				ciValue.append(html.join(''));
			}
        }
    })
}
//获得二级分类下拉选项的文本
function changeSelect2(){
	var obj = document.all.CON_ID;
	var text = obj.options[obj.selectedIndex].text; // 选中文本二级类的文本
	$('#CON_ID_NAME').val(text);
	
}
</SCRIPT>
一级分类：<select id="CON_STEP" name="CON_STEP" onchange="changeSelect()">
</select>
二级分类：<select id="CON_ID" name="CON_ID" onchange="changeSelect2()">
</select>
一级分类名称（隐藏）：<input type="hidden" id="CON_STEP_NAME" name="CON_STEP_NAME">
二级分类名称（隐藏）：<input type="hidden" id="CON_ID_NAME" name="CON_ID_NAME">

修改页面跟添加页面还是有不同的，因为涉及到从数据库中获取的分类值默认选中的问题

<SCRIPT language="JavaScript">
//CON_STEP 是一级分类的值
//CON_ID 是二级分类的值
window.onload=function(){ 
  login(<%=CON_STEP%>);
  changeSelect(<%=CON_STEP%>,<%=CON_ID%>);
}
function login(CON_STEP) {
	$('#CON_STEP').empty();
	var ciValue = $('#CON_STEP');
	ciValue.append('<option value="">请选择一级分类</option>'); 
    $.ajax({
        type: 'POST',
        url: '接口或者ajax路径',
        data: {
            id: 0,
			n: Math.random()
        },
        dataType: 'json',
        error: '',
        success: function(d) {
			opts = d.data;
			if (opts && opts.length > 0) { 
			   	var html = []; 
				for (var i = 0; i < opts.length; i++) { 
					if (CON_STEP != 0 && opts[i].id == CON_STEP){
						selected = "selected";
					}else{
						selected = "";
					}
					html.push('<option value="'+opts[i].id+'" '+selected+'>'+opts[i].name+'</option>');
				} 
				ciValue.append(html.join(''));
			}
        }
    })
}
function changeSelect(CON_STEP,CON_ID){
	var obj = document.all.CON_STEP;
	if(CON_STEP == 0){
		var text = obj.options[obj.selectedIndex].text; // 选中文本 一级类的文本
		var id = obj.options[obj.selectedIndex].value; // 选中值 一级类的id
		$('#CON_STEP_NAME').val(text);
	}else{
		var id = CON_STEP;
	}	
	$('#CON_ID').empty();
	var ciValue = $('#CON_ID');
	ciValue.append('<option value="">请选择二级分类</option>'); 
    $.ajax({
        type: 'POST',
        url: '接口或者ajax路径',
        data: {
            id: id,
			n: Math.random()
        },
        dataType: 'json',
        error: '',
        success: function(d) {
			opts = d.data;
			if (opts && opts.length > 0) { 
			   	var html = []; 
				for (var i = 0; i < opts.length; i++) { 
					if (CON_ID != 0 && opts[i].id == CON_ID){
						selected = "selected";
					}else{
						selected = "";
					}
					html.push('<option value="'+opts[i].id+'" '+selected+'>'+opts[i].name+'</option>');
				} 
				ciValue.append(html.join(''));
			}
        }
    })
}

function changeSelect2(obj){
	var obj = document.all.CON_ID;
	var text = obj.options[obj.selectedIndex].text; // 选中文本二级类的文本
	$('#CON_ID_NAME').val(text);	
}
</SCRIPT>
<!--
CON_STEP_NAME 一级分类名称
CON_ID_NAME 二级分类名称
-->
一级分类：<select id="CON_STEP" name="CON_STEP" onchange="changeSelect(0,0)">
</select>
二级分类：<select id="CON_ID" name="CON_ID" onchange="changeSelect2()">
</select>
一级分类名称（隐藏）：<input type="hidden" id="CON_STEP_NAME" name="CON_STEP_NAME" value="<%=CON_STEP_NAME%>">
二级分类名称（隐藏）：<input type="hidden" id="CON_ID_NAME" name="CON_ID_NAME" value="<%=CON_ID_NAME%>">