Здравствуйте форумчане!
Никогда не задавала вопросов на этом форуме, всегда находила ответы, но видимо пришел час Х.
При добавлении инфы в одной форме, должен обновляться select в другой форме, на jquery делаю так
$('#new_city').submit(function(){
var rel = $(this).attr('data-rel');
var country_id = $(this).val();
$.ajax({
type: 'post',
url: $('#new_city').attr('action'),
data: $('#new_city').serialize(),
success: function(result)
{
var options = '';
$(result.cities).each(function(){
options += '<option value="' + $(this).attr('city_id') + '">' + $(this).attr('city_ru') + '</option>';
});
$('.city_1[data-rel="' + rel + '"]').html(options);
// console.log(options);
}
})
return false;
});
html(options) вроде бы должен добавлять новый элемент в select после удачной отправки данных, проверяю переменную options в консоли, да новый список с новым элементом сформировался, но в самом select'e city этот новый элемент не отображается, приходится заново клацать по списку стран, чтобы обновился список городов. В чем может быть проблема? Благодарю за внимание!
html-код формы, в которой должен обновляться select
<form id="timetable_city" name="timetable_city" action="/admin/timetable/add-timetble-city" method="post">
<input type="hidden" name="timetable_id" value="" id="timetable_id">
<select name="country_id_1" id="country_id_1" data-rel="1" class="country_1 left_10 ">
<option value="0">-Выберите страну-</option>
<option value="1">Австрия</option>
<option value="2">Беларусь</option>
<option value="3">Бельгия</option>
</select>
<select name="city_id_1" id="city_id_1" data-rel="1" class="city_1 ">
<option value="0">-Выберите город-</option>
</select>
<a href="#add_city" class="add_city " data-toggle="modal" data-rel="1" title="Добавить город"><i class="icon-plus-sign"></i></a>
<select name="bus_station_1" id="bus_station_1" data-rel="1" class="bus_station_1 ">
<option value="0">-Место прибытия-</option>
</select>
<select name="country_id_2" id="country_id_2" data-rel="2" class="country_1 left_10 ">
<option value="0">-Выберите страну-</option>
<option value="1">Австрия</option>
<option value="2">Беларусь</option>
<option value="3">Бельгия</option>
</select>
<select name="city_id_2" id="city_id_2" data-rel="2" class="city_1 ">
<option value="0">-Выберите город-</option>
</select>
<a href="#add_city" class="add_city " data-toggle="modal" data-rel="1" title="Добавить город"><i class="icon-plus-sign"></i></a>
<select name="bus_station_2" id="bus_station_2" data-rel="2" class="bus_station_1 ">
<option value="0">-Место прибытия-</option>
</select>
<!- и таких select'ов страна-город-место в форме 30 штук ->
</form>