Как в chrome в обновить показываемый список автодополнений?

Question

[Андрей Рогов]

Такая проблема:

Есть

<form autocomplete="on"><br>
<input name="user" id="myInput" list="myDataList" autocomplete="on"><br>
<datalist id="myDataList"><option value="val1"></option></datalist><br>
</form>

Пользователь ввел допустим «va», ему показывается автодополнение «val1».

На сервере можно определить дополнительные автодополнения. Javascript ajax-ом сходил на сервер за дополнительными вариантами автодополнения для «va» и добавил соответствующие <option> в <datalist>.

Но пока пользователь не введет/сотрет еще одну букву — дополнительные варианты автодополнения не появляются в поле автодополнений.

Вопрос: как обновить показываемый список автодополнений без действий пользователя?



Пример (абстрактный).

Opera — примерно как в Chrome.

В Firefox — благодаря хаку с фокусом — все работает.

Answer 1

[Тимур]

А почему бы просто не использовать bootstrap-typeahead.js?

Comments

[Андрей Рогов]

А в нем будут отображаться варианты не известные сайту?

[Тимур]

Я вот не до конца понял что вы хотите. Подгружать варианты автодополнения через ajax или хранить их статически в странице? Или и то и то? Если и то и то, то с какой целью? Экономия запросов? См. пример

[Андрей Рогов]

И то и другое и третье. Например это поле ввода логина (<input name="user") вы вводите первую букву «Х», у вас сразу появляется автодополнение «XAKEPEHOK». А если вы заходите из чужого браузера — ajax-ом на на сервере ищется пользователи на букву «Х». Ну не подгружать же сразу допустим 10000 ников.
Это не очень большой профит, но в моем проекте — в полях ввода названий товаров и их параметров — очень удобно. Да и вопрос скорее принципиальный.

[Тимур]

Так зачем подгружать 10000 ников, когда в случае с любой БД есть LIMIT? Вешаете событие на onChange и грузите из базы 5 ников, которые начинаются со значения, введенного пользователем. В случае с MySQL

SELECT `nickname` FROM `users` WHERE `nickname` LIKE 'XAKE%' ORDER BY `nickname` DESC LIMIT 5

[Андрей Рогов]

А если это первое посешение пользователем данного сайта и в базе еще нет такого ника?

[Тимур]

А как вы думаете? Естественно вернется пустой результат. В случае с bootstrap typeahead никаких выпадающих списков просто не будет. Не пойму в чем проблема? Надо чтобы что-то было — забейте в базу. Или можете использовать и значения в БД и статические, но тогда, вероятно придется допиливать typeahead, т.к. обе этих функции использовать там одновременно нельзя (могу ошибаться)

[Андрей Рогов]

В вопросе есть явное указание <form autocomplete="on"><input name="user" что означает автодополнение средствами браузера (без javascript и list). И если Вы впервые попали на сайт и ввели «Х» — то в большинстве браузеров появится «XAKEPEHOK». Как этого добится иначе — я не знаю.

[Тимур]

Я наконец понял что вы хотите. Но ваш путь таков, что возможно, после каждого нового апдейта браузера придется проверять работоспособность метода. Лучше окажитесь от этого. Только намучаетесь

Answer 2

[Андрей Рогов]

промахнулся