У меня возникла проблема по jquery. Я хочу скрыть выбранное значение (предыдущее значение), но при изменении раскрывающегося списка оно показывает новое значение и скрывает предыдущее значение из всех раскрывающихся списков.
Html раскрывающийся список
<select class="gr-fields-select">
<option value="">Select</option>
<option value="18355">Product Management</option>
<option value="18356">QA</option>
<option value="18357">Sales</option>
<option value="98595">Support</option>
<option value="05223">Test group</option>
<option value="05224">Test group one user</option>
</select>
</div>
Эта моя jquery функция
function hideSelectedValues(){
$("select").each(function(){
let selectValue = $(this).val();
if(selectValue == "Select" || selectValue == "") return;
$(this).addClass("currentSelection");
$("select").each(function(){
if(!$(this).hasClass("currentSelection")){
let previousValue = $(this).val();
$(this).find(`option[value='${previousValue}']`).hide();
}
else{
$(this).on('change',function () { //change and show newValue
let newValue = $(this).val();
$(this).find(`option[value='${newValue}']`).show();
$(this).find(`option[value='${previousValue}']`).hide(); //Error undefined
});
}
});
$(this).removeClass("currentSelection");
})
}
эта функция не работает. Я не могу получить предыдущее значение из условия IF и передать предыдущее значение в теле ELSE, чтобы скрыть предыдущее значение, но это дает ошибку , предыдущее значение не определено
Какую ошибку я делаю в этом функция?
Может ли кто-нибудь мне помочь?