jQuery自动完成功能仅适用于表的第一行

时间:2019-08-27 10:22:46

标签: php jquery ajax

我在表格的每一行中都有一个模式按钮,这是一个编辑按钮,在模式内部,有一个来自数据库的自动完成查询。

问题:(jQuery)自动完成功能仅适用于表的第一行。它不适用于下一行,等等。

这是我的脚本:

$(document).ready(function() {

    $(document).on('keydown', '.second', function() {

        var id = this.id;
        var splitid = id.split('_');
        var index = splitid[2];

        $('#' + id).autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "getDetails.php",
                    type: 'post',
                    dataType: "json",
                    data: {
                        search: request.term,
                        request: 1
                    },
                    success: function(data) {
                        response(data);

                    }
                });
            },
            select: function(event, ui) {
                $(this).val(ui.item.label); // display the selected text
                var userid = ui.item.value; // selected id to input

                $.ajax({
                    url: 'getDetails.php',
                    type: 'post',
                    data: { userid: userid, request: 2 },
                    dataType: 'json',
                    success: function(response) {

                        var id = response[0]['id'];
                        var biddernumber = response[0]['biddernumber'];
                        var fb_id = response[0]['fb_id'];

                        document.getElementById('fb_id_' + index).value = fb_id;
                        document.getElementById('biddernumber_' + index).value = biddernumber;

                    }
                });
                return false;
            }
        });
    });
});

一切正常,我唯一需要做的就是使它适用于所有行。

0 个答案:

没有答案