Servlet + Javascript, обработчик события

Имеется селекторный список внутри сервлета, в котором следующие значения: 1, 2, 3, 4 ... Как можно написать Javascript так, чтобы поля для ввода текста становились неактивными СРАЗУ ПОСЛЕ загрузки формы в зависимости от выбранного значения? Например, если пользователь уже заранее выбрал в селекторном списке 4, следовательно, текстовые формы у него неактивные - текст не заполняет, а затем решил отредактировать выбранное значение, то поля для ввода текста становятся активными. Соответственно, если выбрал, например, 1, то текстовые поля активизировались и их можно заполнить. Пробовал через addEventListener, но не получилось. Повесить внутри сервлета readonly на поля тоже не вариант. JS ниже работает только непосредственно при выборе, но нужно его поменять так, чтобы при загрузке формы редактирования поля были неактивны, если выбранное значение уже было выбрано. Помогите Код сервлета:

fi = new FormInput(FormInput.SELECT, "PREVDOCID", "Тип документа", true);
String query ="select id, name from ip_rb_prev_docs";
putSelectOptions(fi, query, sa.conn);
dsAction.formInputs.add(fi);  
fi = new FormInput(FormInput.TEXT, "doc_series", "Серия документа", true);
dsAction.formInputs.add(fi);    
fi = new FormInput(FormInput.TEXT, "doc_number", "Номер документа", true);
dsAction.formInputs.add(fi); 

Также JS, использованный внутри сервлета в методе doshowform: sa.out.println("");

sa.out.println(" document ");           
            sa.out.println("    .querySelector(\"[name=prevdocid]\")"); 
            sa.out.println("    .addEventListener(\"change\", function (e) {");         
            sa.out.println("    const input = document.querySelector('[name=\"doc_series\"]');");
            sa.out.println("    const input2 = document.querySelector('[name=\"doc_number\"]');");
            sa.out.println("    const input3 = document.querySelector('[name=\"doc_date\"]');");
            sa.out.println("    input.disabled = ![\"1\",\"2\", \"3\", \"4\",\"5\",\"6\",\"7\",\"8\"].includes(this.value);");
            sa.out.println("     if (input.disabled) {");
            sa.out.println("         input.value = \" \";");
            sa.out.println("    }");
            sa.out.println("    input2.disabled = ![\"1\",\"2\", \"3\", \"4\",\"5\",\"6\",\"7\",\"8\"].includes(this.value);");
            sa.out.println("     if (input2.disabled) {");
            sa.out.println("         input2.value = \" \";");
            sa.out.println("    }");
            sa.out.println("    input3.disabled = ![\"1\",\"2\", \"3\", \"4\",\"5\",\"6\",\"7\",\"8\"].includes(this.value);");
            sa.out.println("     if (input3.disabled) {");
            sa.out.println("         input3.value = \" \";");
            sa.out.println("    }");
            sa.out.println("    });");  
            sa.out.println("</script>");