Consulta php+mysql dentro do javascript

Pessoal tenho o seguinte código para duplicar linha do formulário, tudo funciona perfeitamente.

var controleCampo = 1;
function adicionarCampo() {

 controleCampo++;
 //console.log(controleCampo);

 document.getElementById('formulario').insertAdjacentHTML('beforeend', '<div class="form-group" id="campo' + controleCampo + '"><label></label><input type="hidden" name="agenda_id" id="num_dente" value="<?php echo $id_agenda ?> required "/><label class="form-label">&nbsp;Dente:&nbsp;</label><input type="text" class="formcodac-text-input-dente" name="num_dente[]" id="num_dente" placeholder="Nº Dente" /><label class="form-label">&nbsp;Obs:&nbsp;</label><input type="text" class="formcodac-text-input-obs" name="obs[]" id="obs" placeholder="Observações required "/><label class="form-label">&nbsp;Valor:&nbsp;</label><input type="text" class="formcodac-text-input-valor" name="valor[]" id="valor" placeholder="Valor required "/>&nbsp;<button class="btn btn-danger" type="button" id="' + controleCampo + '" onclick="removerCampo(' + controleCampo + ')"> X </button></div>');
}

function removerCampo(idCampo){
 //console.log("Campo remover: " + idCampo);
 document.getElementById('campo' + idCampo).remove();
}

	Porem eu preciso incluir um select no formulário com uma consulta php, não entendo do Java script, alguém poderia me ajudar, o select é esse:

	 

 <label class="form-label">Proce</label>
 <select name="proce_id[]" class="formcodac-text-input-dente" id="proce_id" required>
 <option selected >Selecione</option>
 <?php
 $proce = $pdo->prepare("SELECT * FROM procedimentos");
 $proce->execute();
 if($proce->rowCount() > 0){
 while($row=$proce->fetch(PDO::FETCH_ASSOC)){
 echo'<option value="'.$row['id_proce'].'">'.$row['nome_proce'].'</option>';
 }}
?>
 </select>