У меня есть jquery-tokeninput для выбора членов в приложении. Выпадающий список при вводе показывает все данные, а не фильтрацию. Забавно, что он смело выделяет то, что он должен фильтровать.
JSON:
[{"name": "Bill Bailey", "id": 2}, {"name": "Will Pimblett", "id": 3}, {"name": "Frank Surname", "id": 4}, {"name": "Mary Smith", "id": 5}, {"name": "Will Pimblett", "id": 6}]
HTML:
<div class="token-input-container">
<form action="." method="GET">
<div class="input-append">
<input type="text" id="token-input" name="names"/>
<button type="submit" class="btn token-input-submit">Select</button>
<script type="text/javascript">
$(document).ready(function () {
$("#token-input").tokenInput("/members/api/tokeninput-data", {resultsLimit:2,theme:'facebook',hintText:'Type in part of a members name...'});
});
</script>
</div>
</form>
</div>
И извинения за синий скриншот, это был единственный, кто мог его получить
Когда вы используете внешний URL-адрес для создания вашего массива JSON, вы должны сами выполнить логику поиска и возвращать только выбор элементов JSON, релевантных для введенного запроса. (Это позволит вам искать базы данных и что-иметь!)
По умолчанию ваш запрос (данные введены) находится в $_GET['q']
на скрипте на стороне сервера.