jQuery自动完成，字段自动完成的传递数据属性位于

Question

我有一个包含多个自动完成字段的页面。我需要传递自动完成附加到的每个字段的一些额外数据（例如“data-field-id =“X”）

使用“自动完成”类初始化自动完成功能。这些自动完成字段是动态生成的。

目前我的代码如下所示：

var autocompleteFields = $(".dynamic-fields.autocomplete");

// autocomplete data getter for necessary fields
if (autocompleteFields.length > 0) {
    autocompleteFields.autocomplete({
        source: function (request, response) {
            request.module = 'shared';
            request.page = 'get_autofill_data.php';
            $.ajax({
                url: "ajax.php",
                data: request,
                dataType: "json",
                type: "POST",
                success: function (data) {
                    response(data);
                }
            });
        },
        select: function (event, ui) {
            $(this).val(ui.item.value);
        }
    });
}

我需要通过例如“data-field-id”-当前使用字段的 request.x 中的属性。这有可能吗？我在文档中找不到明确的方法..

Answer 1

试试这个。它会起作用的。

var autocompleteFields = $(".dynamic-fields.autocomplete");
if (autocompleteFields.length > 0) {
autocompleteFields.autocomplete({
    source: function (request, response) {
        request.module = 'shared';
        request.page = 'get_autofill_data.php';
        request.x = $(this)[0].element.attr('data-field-id')
        $.ajax({
            url: "ajax.php",
            data: request,
            dataType: "json",
            type: "POST",
            success: function (data) {
                response(data);
            }
        });
    },
    select: function (event, ui) {
        $(this).val(ui.item.value);
    }
});
}