java下拉框级联选择_下拉框三级联动例子

/**

*表单提交

*/

function onSub(){

//判断验证是否通过

var flag = isValid("customerForm");

if(!flag){

return;

}

//保存区域信息

var pCode = $('#province').val();

var cCode = $('#city').val();

var dCode = $('#district').val();

var pName ;

var cName ;

var dName ;

var selectprovince =  document.getElementById("province");

var selectcity =  document.getElementById("city");

var selectdistrict =  document.getElementById("district");

for(i = 0;i

if(selectprovince.options[i].value == pCode){

pName = selectprovince.options[i].text;

}

}

for(i = 0;i

if(selectcity.options[i].value == cCode){

cName = selectcity.options[i].text;

}

}

for(i = 0;i

if(selectdistrict.options[i].value == dCode){

dName = selectdistrict.options[i].text;

}

}

var areaCode = pCode+','+cCode;

var areaName = pName+cName+dName;//保存的区域名称为省+市+区

$('#areaCode').attr('value',dCode);