:has() имеет уже довольно хороший уровень поддержки
let inputs = form.querySelectorAll("input");
let inputsFilter = [...inputs].filter((filter) => filter.type != "file");
let localDisabled = [];
inputsFilter.forEach((input) => {
if (input.value.length != 0) {
localDisabled = [...localDisabled, false];
} else {
localDisabled = [...localDisabled, true];
}
}
});
.input:user-invalid, .input:not(:placeholder-shown):user-invalid {
border: 0.1rem solid var(--red);
}
<div>
<input />
<div>Текст выбранный</div>
<div class="list">
<div>1 значение</div>
<div>2 значение</div>
<div>3 значение</div>
</div>
</div>
option.addEventListener("click",function(e){
input.value = option.dataset.val;
}
const select =...
const hiddenInput = ...