Сначала я создал optgroup
:
$("#Editar #emp_Id").prepend('<optgroup id="opt-gr-emp-info-incompleta" label="Empleado con información incompleta"></optgroup>');
Затем в optgroup
я вставляю опцию и сохраняю идентификатор в локальном хранилище:
$("#opt-gr-emp-info-incompleta")
.prepend(`<option value='` + idEmpSelect + `' selected>` + NombreSelect + `</option>`)
.trigger('change');
localStorage.setItem('idEmpleado', idEmpSelect);
Проблема в том, при удалении он удаляется из тега выбора, но в раскрывающемся списке по-прежнему отображается параметр и optgroup
удалено:
let itemEmpleado = localStorage.getItem('idEmpleado');
if (itemEmpleado != null) {
$("#Editar #emp_Id option[value='" + itemEmpleado + "']").remove();
$("#Editar #emp_Id #opt-gr-emp-info-incompleta").remove();
localStorage.removeItem('idEmpleado');
}
А когда я снова создаю еще один optgroup
и добавляю параметр, предыдущая опция (которая уже была удалена) продолжает появляться.
Итак, я хочу сделать так, чтобы optgroup
и опция, которую я удалил, действительно были удалены. И когда вы воссоздаете другой optgroup
с параметром, он отображается, а optgroup
, созданный впервые, не отображается.