Как программно выбрать значение с помощью MagicSearch jQuery Plugin?

Question

Я использую этот плагин jQuery MagicSearch

Как программно выбрать значение (например, по идентификатору)?

Answer 1

Это то, что у меня есть. После тщательного анализа их функций обратного вызова я разработал метод извлечения идентификатора и имени из моего списка поиска.

Пожалуйста, найдите код моей попытки:

<script>
var idList="";
var nameList = "";
$(function () {

var dataSource = "[{\"id\":1,\"name\":\"test\"}, 
{\"id\":2,\"name\":\"example\"},{\"id\":3,\"name\":\"image\"}, 
{\"id\":4,\"name\":\"election\"},{\"id\":5,\"name\":\"IPL\"}, 
{\"id\":6,\"name\":\"Fashion\"},{\"id\":7,\"name\":\"Movies\"}, 
{\"id\":8,\"name\":\"Pollution\"},{\"id\":9,\"name\":\"Modi\"}, 
{\"id\":10,\"name\":\"Rahul\"},{\"id\":11,\"name\":\"Cricket\"}, 
{\"id\":12,\"name\":\"Market\"},{\"id\":13,\"name\":\"TestKeyword\"}, 
{\"id\":14,\"name\":\"testkeyword1\"},{\"id\":15,\"name\":\"testkeyword2\"}, 
{\"id\":16,\"name\":\"testkeyword3\"}]";


    $('#basic').magicsearch({
        dataSource: dataSource,
        fields: ['name'],
        id: 'id',
        format: '%name%',
        hidden: true,
        multiple: true,
        focusShow: true,
        isClear: true,
        multiField: 'name',
        multiStyle: {
            space: 5,
            width: 200
        },
        success: function ($input, data) {
            idList = idList + data.id + ',';
            nameList = nameList + data.name + ',';
           // alert(data.id);
            return true;
        },
        afterDelete: function ($input, data) {
            idList = idList.replace(data.id + ',', "");
            nameList = nameList.replace(data.name + ',',"");
            //alert(data.id);
            return true;
        }
    });
});

Ссылка на скрипку: https://jsfiddle.net/yn0cmgjt/5/

Извините за плохой интерфейс. Мне было трудно получить ссылку CDN на этот плагин, и почему-то это не правильно. Но поиграйте с этим, и я надеюсь, что этого будет достаточно для ваших нужд.

Два списка (idList и nameList), которые я создал, являются идентификатором и именем для каждого элемента, объединенного в одну строку через запятую. Получив эту строку, вы можете извлечь необходимую информацию.