Я пытаюсь добавить функцию клонирования для полей выбора. У меня есть 3 поля выбора: страна, штат, город и первый пользователь выбирают страну, а поле выбора состояния на основе идентификатора заполняется параметрами, и то же самое с раскрывающимся списком городов будет заполняться только при выборе штата.
Затем у меня есть дополнительная опция, где я все регенерирую. поэтому я клонирую свой div, но проблема, когда я меняю свою страну вместо отображения раскрывающегося списка нового состояния, возвращает его к предыдущему раскрывающемуся списку:
$('.country').on('change',function(){
var id = $(this).val();
callAjax(id);
});
$('.state').on('change',function(){
var id = $(this).val();
callAjax(id);
});
$('#btClone').on('click', function () {
$('#country')
.clone()
.attr('id', 'country_' + i)
.attr('name', 'country_' + i)
.appendTo("#container2");
$('#state')
.clone()
.attr('id', 'state_' + i)
.attr('name', 'state_' + i)
.appendTo("#container2");
i =i+1;
});
Мой HTML выглядит так
<div id="container1">
<select id="country" name="country" class="hidden country">
</select>
<select id="state" name="state" class="hidden state">
</select>
<select id="city" name="city" class="hidden city">
</select>
<span id="selected-profile"></span>
<div id="addons" class="hidden">
<input type="button" id="btClone" value="Clone the list" style="float:right;" />
</div>
</div>
<div id="container2" style="display:none;"></div>
Я хочу, когда я нажимаю «Добавить новый», затем выбираю страну, затем что-то меняю, мой ajax-вызов снова вызывает, но на данный момент я не могу этого сделать, потому что у меня уже есть варианты
