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

Java全栈布道师

于 2024-05-16 14:33:44 发布

阅读量148

点赞数 1

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/denlnyyr/article/details/138944015

版权

实现联动的代码

$(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>");
                }                
            }
        })        
　　});
});