JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select class="form-control" name="idTipoParticipante" id="idTipoParticipante">
<option value="0">Personagem</option>
<option value="1">Tecnico</option>
</select>
<input type="text" class="form-control" id="personagem" name="personagem" placeholder="informe a personagem...">
JavaScript
$(document).ready(function() {
$('#idTipoParticipante').change(function(){
var tipo = $("#idTipoParticipante option:selected").text();
if (tipo == 'Personagem') {
$('#personagem').attr('disabled', false);
}else if (tipo == 'Tecnico') {
$('#personagem').attr('disabled', true);
}
});
});