Проблема с текстовым полем и плагином Bootstrap typeahead.js
 

У меня проблема с текстовым полем, связанным с плагином Bootstrap typeahead.js, в который я передаю большой список городов. На сайте есть проверка, совпадает ли введенное значение с городами из списка. Но пользователь может ввести в это поле нежелательные символы и тогда получит ошибку, что ничего такого, что он ввел, нет. Также среди названий городов есть те, которые содержат пробел, один или два знака тире.

Вопрос: как сделать, чтобы пользователи не могли ничего ввести в текстовое поле, а только выбрать пункты из выпадающего списка плагина typeahead? Или можно привязать выпадающий список к другому элементу на странице, например, кнопке?