Z select-a wybranie "pierwszego" option-a, blokuje input-a, pozostałe odblokowują
<div class="col-4">
<label>Enabled </label>
<select name="stato" id="stato" class="form-control">
<option value="">Select ...</option>
<option value="Text1">Text1</option>
<option value="Text2">Text2</option>
<option value="Text3">Text3</option>
<option value="Text4">Text4</option>
</select>
</div>
<div class="col-4" >
<label>Disabled when choose option in select</label>
<input id="data_consegna" type="text" class="form-control" name="data_consegna" placeholder="Data Consegna" />
</div>
let stato_select, data_consegna_input;
window.addEventListener('load', load);
function load() {
stato_select = document.querySelector('#stato');
data_consegna_input = document.querySelector('#data_consegna');
data_consegna_input.disabled = true;
stato_select.addEventListener('change', toggleDataConsegna);
}
function toggleDataConsegna() {
//console.log(stato_select.selectedIndex);
if (stato_select.selectedIndex != 0) {
data_consegna_input.disabled = false;
data_consegna_input.focus(); // Wstawienie kursora
}
else
data_consegna_input.disabled = true;
}