Как пересоздать select при изменений его значений?

Question

[voldev vvv]

$('.enumeration-field').on('change', function() {
					let responseEvent =  _this.getGroupByCity(optionCity);

					var val = this.value

					for (let resultGroup in responseEvent.arGroup) {
						optionsGroup += '<option value="' + resultGroup + '">' + responseEvent.arGroup[resultGroup] + '</option>';
					}

					let selectGroupSoc = '<select id="country" class="select-field" name="UF_GROUPSOC_LIST">' + optionsGroup + '</select>';
					$('#country').remove();
					$('.scripts .fields').append(selectGroupSoc);
				});

мне нужно при выборе другого значения в селекте, удалять его и заново создавать другой с другими данными, вопрос как отследить изменения в селекте ? Пытаюсь так как в примере, но у меня в селект добавляются те же значения. Он не очищается

Comments

[ThunderCat]

.on('change', function() {...чем не подходит?

[voldev vvv]

ThunderCat, у меня такой же код, только постоянно создаётся селект, при изменении значении другого селекта

[ThunderCat]

voldev vvv, возможно он имеет тот же класс?

Answer 1

[Сергей Соколов]

без jQuery

Comments

[voldev vvv]

не совсем то, поправил вопрос