jq 实现select 下拉框的联动效果

实现联动的代码

$(document).ready(function() {
  $("#selectone").bind("change",function(){
        var typeId = $(this).val();        
        var url = "/find/somebody";
        $.post(url,{"typeId":typeId},function(res){
            if(res==undefined){
                layer.msg("未查询到数据!");
            }else{
                //清空
                $("#selecttwo").empty();
                var dataObj=eval("("+res+")");//转换为json对象 
                for(var i=0;i<dataObj.length;i++){
                    //更新分类
                    var selecttwoId=dataObj[i].selecttwoId;
                    var selecttwoName=dataObj[i].selecttwoName;
                    $("#selecttwo").append("<option value='"+selecttwoId+"'>"+selecttwoName+"</option>");
                }                
            }
        })        
  });
});

 

posted @ 2021-03-07 12:27  渊渟岳  阅读(319)  评论(0编辑  收藏  举报