无限极联动jquery 字段名 id name p_id

最新推荐文章于 2021-04-05 17:57:27 发布

ashduawi

最新推荐文章于 2021-04-05 17:57:27 发布

阅读量321

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/adqweq/article/details/81180820

本文介绍了一个使用jQuery实现的动态加载下拉菜单的方法。当用户更改一个选择框时，通过AJAX请求从服务器获取新的选项并更新下一个选择框。此功能增强了用户体验，并展示了jQuery和AJAX结合使用的实际案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).on("change",".hao", function () {
    var res=$(this).val();
    var obj=$(this);
    $.ajax({
        type: "GET",
        url: "{:url('index/liandong')}",
        data: {res:res},
        success: function(msg){
            var json=jQuery.parseJSON(msg);
            $(obj).nextAll().remove();
            var str=""
            str+="<select class='hao'>"
            $(json).each(function (key,val) {
                str+="<option value="+val.nodeid+">"+val.nodename+"</option>"
            })
            str+="</select>"

            if(msg==false)
            {
                return false;
            }
            $(obj).after(str);
        }
    });
})