jquery скрыть, выбрать предыдущее значение, и он показывает раскрывающийся список новых значений - PullRequest
1 голос
/ 03 мая 2020

У меня возникла проблема по 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, чтобы скрыть предыдущее значение, но это дает ошибку , предыдущее значение не определено

Какую ошибку я делаю в этом функция?

Может ли кто-нибудь мне помочь?

...