select联动 java_js select级联，上面分类，下面是内容

js select级联，上面分类，下面是内容。

js级联效果如下：

分类：请选择

水果

蔬菜

其他

内容：

html和js代码如下：

js select级联，上面分类，下面是内容

分类：

请选择

水果

蔬菜

其他

内容：

var waItemsJson = [

{"type_id":1,"id":11,"item_code":"苹果","item_name":"苹果"},

{"type_id":1,"id":11,"item_code":"香蕉","item_name":"香蕉"},

{"type_id":1,"id":11,"item_code":"梨","item_name":"梨"},

{"type_id":2,"id":11,"item_code":"白菜","item_name":"白菜"},

{"type_id":2,"id":11,"item_code":"青菜","item_name":"青菜"},

{"type_id":3,"id":11,"item_code":"可乐","item_name":"可乐"}

];

function changeType(obj){

removeAll("itemId");

for(var i=0;i

if(obj.value==waItemsJson[i].type_id || obj.value=="" ){

addOption("itemId",waItemsJson[i].item_name,waItemsJson[i].item_name);

}

}

}

/**

* 删除objId下所有的options

*/

function removeAll(objId){

var obj=document.getElementById(objId);

obj.options.length=0;

}

/**

* objId下 添加 option

*/

function addOption(objId,text,value){

var obj=document.getElementById(objId);

obj.options.add(new Option(text,value)); //这个兼容IE与firefox

}