Добавление нескольких полей на основе выбранных значений

Question

Я пытаюсь создать простой выпадающий список, в котором пользователь может выбрать несколько вариантов, и в зависимости от выбранных параметров откроется соответствующее поле ввода. Для этого я использовал плагин Chosen jQuery и использовал следующую функцию JavaScript для заполнения полей ввода на основе выбранных выпадающих значений, однако, похоже, он открывает только поле ввода самого последнего выбранного значения.

Для отладкиДля этого я создал пустой массив с именем selected и добавил к нему выбранное раскрывающееся значение, а затем проверил, были ли выбранные значения в этом массиве, но, похоже, он все еще работает так же.

$(document).ready(function(){
    var selected = [];
    $("select").change(function(){
        $(this).find("option:selected").each(function(){
            var optionValue = $(this).attr("value");
            selected.push(optionValue);
            if(selected.includes(optionValue)){
                $(".field").not("." + optionValue).hide();
                $("." + optionValue).show();
            } else{
                $(".field").hide();
            }
        });
    }).change();
});