JSFiddle - React, Tailwind, and code Playground
HTML
<select id="meuSelect" onchange="fazerAlgumaCoisa()">
<option selected value="0">Selecione uma opção</option>
<option value="1">Opçao 1</option>
<option value="2">Opçao 2</option>
<option value="3">Opçao 3</option>
</select>
<br>
<br>
<input type="text" id="texto1" placeholder="Texto exemplo 1">
<br>
<input type="text" id="texto2" placeholder="Texto exemplo 2">
<br>
<input type="text" id="texto3" placeholder="Texto exemplo 3">
JavaScript
function fazerAlgumaCoisa() {
var meuSelect = document.getElementById("meuSelect");
var opcaoSelecionada = meuSelect.options[meuSelect.selectedIndex].value;
console.log("Selected " + meuSelect.options[meuSelect.selectedIndex].value);
if (opcaoSelecionada == '1') {
document.getElementById("texto1").disabled = true;
}
else {
document.getElementById("texto1").disabled = false;
}
if (opcaoSelecionada == '2') {
document.getElementById("texto2").disabled = true;
}
else {
document.getElementById("texto2").disabled = false;
}
if (opcaoSelecionada == '3') {
document.getElementById("texto3").disabled = true;
}
else {
document.getElementById("texto3").disabled = false;
}
};