Jquery UI自动完成方法未筛选数据?

Jquery UI自动完成方法未筛选数据?,jquery,html,css,jquery-ui,Jquery,Html,Css,Jquery Ui,Jquery autocomplete未从JSON值中筛选,请检查此处演示 JSON电子邮件字段未过滤它仅过滤标签值 $(function() { var projects = [ { label: "jayaprakash", email: "jayaprakash.janarthanan@gmail.com", }, { label: "karthi",

Jquery autocomplete未从JSON值中筛选,请检查此处演示

JSON电子邮件字段未过滤它仅过滤标签值

$(function() {

    var projects = [
        {
            label: "jayaprakash",
            email: "jayaprakash.janarthanan@gmail.com",
        },
        {
            label: "karthi",
            email: "karthi.murugan@yahoo.co.in",
        },
        {
            label: "deepak",
            email: "deepak.chandra@outlook.co.in",
        }
    ];

    $( "#name" ).autocomplete({
        source: projects,
        focus: function( event, ui ) {
            $( "#name" ).val( ui.item.label );
            return false;
        },
        select: function( event, ui ) {
            $( "#email" ).val( ui.item.email );
            return false;
        }
    })


    $( "#email" ).autocomplete({
        source: projects,
        focus: function( event, ui ) {
            $( "#email" ).val( ui.item.email );
            return false;
        },
        select: function( event, ui ) {
            $( "#name" ).val( ui.item.label );
            return false;
        }
    })



});

请使用下面的代码

$(function () {

var projects = [
    {
        label: "jayaprakash",
        email: "jayaprakash.janarthanan@gmail.com",
    },
    {
        label: "karthi",
        email: "karthi.murugan@yahoo.co.in",
    },
    {
        label: "deepak",
        email: "deepak.chandra@outlook.co.in",
    }
];

$("#name").autocomplete({
    source: projects,
    focus: function (event, ui) {
        $("#name").val(ui.item.label);
        return false;
    },
    select: function (event, ui) {
        alert(1);
        console.log(ui.item);
        $("#email").val(ui.item.email);
        return false;
    },
    search: function (oEvent, oUi) {
        // get current input value
        var sValue = $(oEvent.target).val();
        let label = [];
        let data = projects.map((value, number) => {
            if (value.label.includes(sValue)) {
                label.push(value.label)
            }
        })
        $(this).autocomplete('option', 'source', label);
    }

})


$("#email").autocomplete({
    source: projects,
    focus: function (event, ui) {
        $("#email").val(ui.item.email);
        return false;
    },
    select: function (event, ui) {
        $("#name").val(ui.item.label);
        return false;
    },
    search: function (oEvent, oUi) {
        var sValue = $(oEvent.target).val();
        let email = [];
        let data = projects.map((value, number) => {
            if (value.email.includes(sValue)) {
                email.push(value.email)
            }
        })
        $(this).autocomplete('option', 'source', email);
    }

})



});

您的演示链接不可用。这是我的演示链接可能的副本,请仔细阅读以下内容:请为您的答案提供一些解释。简洁是可以接受的,但更全面的解释更好。