使用jQuery从select获取数据属性

提前感谢您的帮助。这家伙在踢我的屁股。我在这里发现了几个类似的问题，尝试了他们的建议，但仍然不起作用

我试图做的是从select标记中获取数据属性，以及所选选项的值，并通过AJAX请求传递它们

控制台显示“groupid未定义”，并且groupid和menuId变量未被传递

我知道我应该停止固执，把数据groupid和menuid放在“选项”中，然后使用$（this.find（'：selected'）。data（'menuid'）路由

HTML:

您正在

$.ajax（）

对象中调用

$（this）

，因此它将返回

$.ajax（）

试试这个（没有双关语）：

试一试

获取某些属性值

$(".menuPermission").change(function(){
        var groupId = $(this).attr('data-groupid');
        var menuId  = $(this).attr('data-menuid');
        var optionVal   = $(this).val();
        $.ajax({
            type: "POST",
            url: "popup.php",
            data: {
                action:"updateAdminAccess", 
                groupId:groupId, 
                access:optionVal, 
                menuId:menuId}
        });
    })

---

看起来不错，嗯，不！那里的范围没有变化！

$(".menuPermission").change(function(){
    //console.log("groupid"+$(this).data('groupid'))
    $.ajax({
        type: "POST",
        url: "popup.php",
        data: {
            action:"updateAdminAccess", 
            groupId:$(this).data("groupid"), 
            access:$(this).val(), 
            menuId:$(this).data("menuid")}
    });
})

$(".menuPermission").change(function(){
    var obj = this;
    //console.log("groupid"+$(this).data('groupid'))
    $.ajax({
        type: "POST",
        url: "popup.php",
        data: {
            action:"updateAdminAccess", 
            groupId:$(obj).data("groupid"), 
            access:$(obj).val(), 
            menuId:$(obj).data("menuid")}
    });
})

.attr('attribute-name')

$(".menuPermission").change(function(){
        var groupId = $(this).attr('data-groupid');
        var menuId  = $(this).attr('data-menuid');
        var optionVal   = $(this).val();
        $.ajax({
            type: "POST",
            url: "popup.php",
            data: {
                action:"updateAdminAccess", 
                groupId:groupId, 
                access:optionVal, 
                menuId:menuId}
        });
    })