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

Question

Я почти не знаю о jQuery, и я ссылаюсь на этот плагин: Bootstrap Suggest

У меня есть три разных списка для построения выражения, как показано ниже:

ВОЗРАСТ> 20 И ГЕНДЕР! = ЖЕНЩИНА И ВОЛОСЫ = ЗЕЛЕНЫЙ

Как вы уже заметили, три разных списка будут такими, как показано ниже:

Поле: [ВОЗРАСТ, ГЕНДЕР, ВОЛОСЫ]

Оператор отношений: [=,! =,>,> =, <, <=] </p>

Логический оператор: [И, ИЛИ]

А вот над чем я работаю

<script src="/js/lib/bootstrap-suggest.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

var fields = [ {name: 'AGE', description: 'age(number)'},
               {name: 'GENDER', description: 'gender(male or female)'},
               {name: 'HAIR', description: 'hair color'} ]

var relOpers = [ {name: '='},
                 {name: '!='},
                 {name: '<'},
                 {name: '<='},
                 {name: '>'},
                 {name: '>='} ]

var logOpers = [ {name: 'AND'},
                 {name: 'OR'} ]


$('textarea').suggest('@', {
  data: fields,
  filter: {
      limit: 80
    },
  map: function(user) {
    return {
      value: user.username,
      text: '<strong>'+user.user+'</strong> <small>'+user.description+'</small>'
    }
  }
})

Как я могу показать автозаполнение, когда другое автозаполнение завершается автоматически?

А как я могу запустить автозаполнение без ключа запуска? (в вышеприведенном случае символ «@»)

Любой комментарий будет признателен, спасибо.