Jquery Tagit UI:如何在autocomplete上显示标记名,并选择但发送标记Id

Jquery Tagit UI:如何在autocomplete上显示标记名,并选择但发送标记Id,jquery,json,jquery-ui,autocomplete,tag-it,Jquery,Json,Jquery Ui,Autocomplete,Tag It,我使用的是最新的Tagit UI。我从一个带有JSON数组的API中提取,并构建了一个搜索功能。我想通过在url中填充TagId来按TagId搜索。我可以让它工作,但标签的显示值是标签Id,而不是“名称”字段中所需的文本。键入(AutoComplete)和选择标记但在提交搜索表单时发送“Id”字段信息时,如何显示JSON数组的名称字段 谢谢 下面是tagit初始化。我首先调用数组,然后运行tagit脚本 // Tag It //load the array first $(function (r

我使用的是最新的Tagit UI。我从一个带有JSON数组的API中提取,并构建了一个搜索功能。我想通过在url中填充TagId来按TagId搜索。我可以让它工作,但标签的显示值是标签Id,而不是“名称”字段中所需的文本。键入(AutoComplete)和选择标记但在提交搜索表单时发送“Id”字段信息时,如何显示JSON数组的名称字段

谢谢

下面是tagit初始化。我首先调用数组,然后运行tagit脚本

// Tag It
//load the array first
$(function (request, response) {

    var tagId;

    $.ajax({
        dataType: "json",
        data: { term: request.term },
        type: 'GET',
        contentType: 'application/json; charset=utf-8',
        crossDomain: true,
        cache: true,
        url: '/Api/Tags/StartsWith',
        success: function (data) {
            var tagsArray = $.map(data, function (item) {
                return {
                    label: item.Name,
                    value: item.Id,
                }
            });

            $('.tagit-tags').tagit({
                availableTags: tagsArray,
                allowSpaces: true,
                singleFieldNode: 'Id',
                placeholderText: 'Search by Tag',
                autocomplete: {
                    source: tagsArray,
                    minLength: 1,
                    delay: 0,
                    select: function (event, ui) {
                        $('.tagit-tags').val(ui.item.Name);
                    }
                }
            });
        },
    });
});