Приветствую.
Очередной вопрос с которым бьюсь весь день.. Итак, подключены: jQuery 10.1.1, Bootstrap 3.0.3, Bootstrap 3 Typehead (
https://github.com/bassjobsen/Bootstrap-3-Typeahead).
Необходимо: при выборе страны выводить (с помощью Typeahead) только те города, которые к этой стране относятся (т.е. переключать "словарь" Typeahead). Пробовал сделать вот так...
HTML:
<input type="text" class="form-control" id="inputUserEditCountry" placeholder="Страна" value="" data-provide="typeahead" />
<input type="text" class="form-control" id="inputUserEditCity" placeholder="Город" value="" data-provide="typeahead" />
jQuery:
...
...
// Typehead inputUserEditCountry
$('#inputUserEditCountry').typeahead({
source: ['Россия','Украина','Белоруссия']
});
// Typehead inputUserEditType
$('#inputUserEditCountry').change(function() {
$('#inputUserEditCity').val('');
if ($('#inputUserEditCountry').val() === 'Россия') {
$('#inputUserEditCity').typeahead({
source: ['Москва','Санкт-Петербург','Екатеринбург']
});
}
else if ($('#inputUserEditCountry').val() === 'Украина') {
$('#inputUserEditCity').typeahead({
source: ['Киев','Харьков','Донецк']
});
}
else if ($('#inputUserEditCountry').val() === 'Белоруссия') {
$('#inputUserEditCity').typeahead({
source: ['Минск','Брест','Гродно']
});
}
});
...
...
НО: при повторном выборе - остаётся старое значение. Иными словами, если выбрать "Россия"->"Москва", а потом выбрать "Украина", то значение городов будут соответствовать "России".
Помогите пожалуйста...
