javascript - 选择项目时如何使用自动完成发布数据

Question

我有一个链接到远程源的 jquery 自动完成框。选择某些内容时，我希望它发布该项目的 ID。

这是我到目前为止所拥有的，但发布数据时运气不佳

$( "#artist1" ).autocomplete({
            source: "search.php",
            minLength: 2,
            select: function( event, ui ) {
            var artist1 = ui.item.id;
            var id = $("#id").val();


            $.post('writeToDB.php', { id:id, artist1:artist1});

            }
        });

此代码适用于其他元素，但在我将其放入自动完成时不起作用。我哪里会出错？

Answer 1

您应该覆盖该select事件，并将您的逻辑放在那里。有关详细信息，请查看jQueryUI 的 autocomplete 官方演示。

代码示例

// Supply a callback function to handle the select event as an init option.
$( ".selector" ).autocomplete({
   select: function(event, ui) { ... }
});

// Bind to the select event by type: autocompleteselect.
$( ".selector" ).bind( "autocompleteselect", function(event, ui) {
  ...
});

Answer 2

你可以这样做： -

$( "#artist1" ).autocomplete({

        select: function(event, ui) 
        {
            var artist1 = ui.item.id;
            var id = $("#id").val();
        },

        source: function(request, response) {
        $.ajax({
            url :"search.php" ,
            data : "id="+id+"&artist="+artist1,
            dataType: "json",
            type : "POST",
            success : function(data)
            {
                yourdata
            })

        response(yourdata);
            }
        });
        },
        minLength: 2
        });

这是一个示例，您必须对此进行一些更改。