Нашел решение через datalist:
<div class="required id_state form-group">
<label for="id_state">{l s='State'} <input list="id_state" name="id_state" type="text">
</label> <sup>*</sup></label>
<datalist id="id_state">
<option value="">-</option>
</datalist>
</div>
Все работает, только после выбора города, появляется число. В списке выглядит так: <option value="839">Абакан (Республика Хакасия)</option> - т.е. выбрав Абакан, появится 839. Как сделать, чтоб оставался Абакан?