键入头部可搜索姓名和电子邮件 - tagsinput

Question

我有一组包含姓名和电子邮件的数据。 如何type head自动完成，可以使用name & email进行搜索。但可选值应为email。 HTML：

<input type="text" value="test@gmail.com" class="form-control CCContactList" />

JQUERY：

$(document).on('keyup', ".CCContactList", function(e) {
    e.preventDefault();

        var cemaillist =  [
        {"name": "John@gmail.com", },
        {"name": "doe123@gmail.com",},
        {"name": "kevi@gmail.com", }
    ];

        $('.CCContactList').tagsinput({
            typeahead: {
                source: cemaillist.map(function(item) {
                    return item.name
                }),
                afterSelect: function() {
                    this.$element[0].value = '';
                },
                hint: true,
                highlight: true,
                minLength: 1,
            }
        });

});

我想将源代码如下所示

var cemaillist=[ {
  "John": "John@gmail.com",},
{"Doe": "doe123@gmail.com",},
{"Kavin": "kevi@gmail.com",}];

因此用户可以轻松查看名称并选择电子邮件ID。 如何使它工作？有任何建议，拜托！

我希望将test@gmail.com作为默认值来选择如下图片

demo fiddle