Implementation principle of javawscript three-level menu_javascript skills

省份：	请选择 山东省
城市：	==请选择== 威海市 德州市 滨州市
区县：	==请选择乡镇== 威海 文登 荣成 乳山

Province, city, district and county data structure: [name, parent ID, current ID]

onChange="changelocation2(document.editForm.smalllocation.options[document.editForm.smalllocation.selectedIndex].value)"

Get the parent class ID of the next-level associated menu based on selectedIndex, Copy the code

The code is as follows:


function changelocation(locationid)
{
document.editForm.smalllocation.length = 0;
// document.editForm.dlmc0.length = 0;
document.getElementById("dlmc0 ").length=0;
//document.editForm.dlmc0.options[0] = new Option('==Please select==','');
document.getElementById("dlmc0") .options[0] = new Option('==Please select==','');

//alert(locationid);
var locationid=locationid;
var i;
document.editForm.smalllocation.options[0] = new Option('==Please select==','');
for (i=0;i < onecount; i )
{
if (subcat[i][1] == locationid)
{
document.editForm.smalllocation.options[document.editForm.smalllocation.length] = new Option(subcat[i][0], subcat[i][2]);
}
}

} <script></script><script></script>