Как манипулировать плагином автозаполнения jquery, чтобы получить как идентификатор, так и значение

Я думаю, что вам нужен вариант select.

Допустим, ваш источник данных — это следующий массив объектов:

var data = [
    {
        label: 'Product 1',
        productid: '1'
    },
    {
        label: 'Product 2',
        productid: '2'
    },{
        label: 'Product 3',
        productid: '1'
    }];

По умолчанию подключаемый модуль будет искать свойства label и value в вашем объекте (если «value» отсутствует, он будет использовать «label»).

Примечание: если вы укажете значение, оно будет использоваться для установки значения ввода при выборе предлагаемого элемента в меню!

Так в нашем примере свойство productid на самом деле не будет использоваться напрямую плагином, он об этом не знает, но мы будем иметь к нему доступ в параметре обработчиков событий ui.item.

Я бы добавил скрытое поле для хранения фактического выбранного значения (а не атрибут «productid», как вы предлагаете в своем вопросе).

<input type="hidden" id="productid" value="" />

JS-код:

$("#myinput").autocomplete({
    source: data,
    // the 'select' event is triggered when an item is selected in the menu
    select: function(e, ui) {
        $("#productid").val(ui.item.productid);
        // if you want to add the "productid" attiubte
        $(this).attr('productid', ui.item.productid);
    }
});

Работает DEMO