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

标签 javascript jquery jquery-ui

我有一个链接到远程源的 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});

            }
        });

此代码适用于其他元素,但当我将其置于自动完成功能中时则无效。我哪里可能出错了?

最佳答案

你可以这样做:-

$( "#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
        });

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

关于javascript - 选择项目时如何使用自动完成功能发布数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12527080/

相关文章:

javascript - 使用 php 后端和 redux 在 React js 中实现动态元标记

html - 创建一个 mask Div

javascript - Jquery 可拖动用户界面 |将图像拖入容器时更改图像大小

javascript - 如何在javascript中只读取小数点前的数字?

javascript - Angular 8 - @ViewChild 在父组件上返回未定义。 (没有嵌套的 ngIf 并在 ngAfterViewInit 中调用)

javascript - 在 github 上设置演示页面

javascript - 如何删除 :hover from element when suddenly browser window lost focus?

javascript - 从 Jquery 模态窗口隐藏关闭按钮

javascript - 无法在 Angular 1 的客户端找到 node_modules

javascript - 无法在 Internet Explorer 10 或 11 中设置选择元素的值