Disabled em campo com javascript

Programação
,
#1

Pessoal preciso de um ajuda tenho um codigo e eu meio que preciso bloquear os campos que aparecem em um while do php quando a opção de um select não for TurmasEspecificas

Segue o código que eu estou tentando:

<!DOCTYPE html>
<html lang="pt-br">
  <head>
	<title>Meu site</title>
    <meta charset="utf-8">
  

<script type="text/javascript" language="javascript">
function Mudarestado(el) {
        var display = document.getElementById(el).style.display;
        var select = document.getElementById('select');
        var value = select.options[select.selectedIndex].value;
        console.log(value);
        if(value == "TurmasEspecificas"){
        
            document.getElementById(el).style.display = 'block';

            document.addEventListener("DOMContentLoaded", function(event) {
              document.getElementById("campo_turma").disabled = true;
            });
            

        }else{
            document.getElementById(el).style.display = 'none';
            
           

            
}}
</script>
             
                <div class="form-group">
                <label class="label-form">Escolha uma Turma:</label>
	 <select class="campo-contato" name="codigo_turma" onchange="Mudarestado('minhaDiv')" id="select">
  <option name="codigo_turma" value="TodasTurmas">Todas minhas turmas</option>
  <option name="codigo_turma" value="TurmasEspecificas" >Escolher turmas especificas</option>
    <?php 

       $result = mysqli_query($conn,"select * from turma where codigo_professor = '".$professor['id']."'");

       while($pegaTurma = mysqli_fetch_assoc($result)) {
		echo '<option value="'.$pegaTurma['id'].'" name="codigo_turma"> '.$pegaTurma['nome_turma'].' - '.$pegaTurma['escola_turma'].' </option>';

       }
	?>

</select>
<div id="minhaDiv" style="display: none;">
<h5 style="font-style:italic;color:blue;">Escolha suas turmas que receberão este tema: </h5>
<?php
 $result = mysqli_query($conn,"select * from turma where codigo_professor = '".$professor['id']."'");
 while($pegaTurma = mysqli_fetch_assoc($result)) {
?>
      <input type="text" id="campos_turmas" name="turma_escolhida[]" value="<?php echo $pegaTurma['id'];?>" id="campo_turma">
       <input type="checkbox" name="marcadas[]"  value="<?php echo $pegaTurma['id'];?>"> <?php echo $pegaTurma['nome_turma']?> - <?php echo $pegaTurma['escola_turma']?><br>
  
  <?php
 } 
  ?>

Alguém sabe como fazer eu tentei um codigo js mas ele não funciona de jeito nenhum?

#2

Tente deixar seu js assim:

document.getElementById("campo_turma").disabled = 'disabled';
#3

Tentei mas não funcionou … ) ;

#4

Precisa msm desse addEventListener? Como está dentro de uma function, acho que pode deixar assim:

function Mudarestado(el) {
	var display = document.getElementById(el).style.display;
	var select = document.getElementById('select');
	var value = select.options[select.selectedIndex].value;
	console.log(value);
	
	if(value === 'TurmasEspecificas') {
		document.getElementById(el).style.display = 'block';
		document.getElementById("campo_turma").disabled = true;
	} else {
		document.getElementById(el).style.display = 'none';
	}
}
#5

Funciona! Quer dizer mais ou menos agora só o primeiro campo pegou o disabled todos os outros estão normais

#6

O código que passei funcionou?

Onde está o código que desabilita esses outros campos?

#7

Sim seu código funcionou mais só o primeiro campo da consulta do while está com o disabled todos os outros estão normais é como se o codigo js não estivesse fazendo efeito neles.
);