Java web 级联下拉菜单的做法分享

菜单的做法分享"/>

Java web 级联下拉菜单的做法分享

最近在折腾一个很无聊的所谓的商城项目。里面有一个添加商品信息和更新商品信息都需要用到级联下拉菜单。如果只是单纯的普通html就方便多了。于是想了两个方法。

方法一 Ajax+jquery

//#“dalei”=大类型的下拉框。相对应xiaolei=小类型的下拉框
当你点击了大类型中的除了本身被选中之外的其他选项。小类型的下拉框就会进行清空和更新。

$(function(){$("#dalei").change(function(){var s = new Array();$("#xiaolei").empty();var id=$("#dalei").val();$.ajax({"url":"danyi?action=fina&id="+id,"async":true,"success":function(data){var s=data.split(",");for(var i=0;i<s.length;i++){var i1= new Array();i1=s[i].split("@");if(i1[1]!=undefined&&i1[0]!=""){var s1="<option value="+i1[1]+">"+i1[0]+"</option>";$("#xiaolei").append(s1);}}}})})})