SeriousAnonymous, а на счет вывода ошибки, я же объяснил, вам нужно во первых обернуть ваш select в form, далее в select задает атрибут required, и добавляем в самом низу формы input с типом submit, по нажатию на него, он будет проверять все поля с атрибутом required, и если поле будет пустым, будет выдавать ошибку
SeriousAnonymous, Как вариант, можете сделать кастомный select, то есть не использовать select вообще, сделать input, по клику на него, показывать под ним блок со значениями, при выборе значения просто вставлять в этот input это значение, навряд ли получится нативным способом сделать вашу задачу
pashaneznanov, вместо querySelector поставьте getElementById('show_archive')
И вы не правы, она не применится ко всем элементам на странице, а только к первому найденному, но и это не беда, просто добавьте уникальный класс для этого инпута и все
VPVPVP, потому что вы получаете МАССИВ с инпутами, чтобы сделать с ним какое либо из действий, нужно для начала перебрать его циклом for, либо же если не хотите заморачиваться, создайте одну функцию, и вызывайте ее инлайновым способом.