É possível fazer um select em php dentro do .js?

Olá Feras, tranquilo?

	Pessoal, tenho um arquivo* .js* onde adiciono e removo elementos dinamicamente, até ai tudo ok. Porém, tenho um elemento html **option** que preciso carregar os dados do BD, o problema é que a página que recebe é um *php* e a que insere os elementos é* js*. É possível fazer um select em php dentro do .*js*?

	 

	**O select seria esse abaixo:**

<?php
 include_once("conmysql.php");
 $sql = "SELECT EMP_ID,EMP_RAZAO,EMP_FANTASIA,SITE FROM EMPRESAS ORDER BY EMP_ID";
 if ($registros = mysqli_query($con,$sql)){
 while ($reg = $registros->fetch_object()) {
?>
 <option value="<?php echo $reg->EMP_ID;?>">
 <?php echo utf8_encode($reg->EMP_FANTASIA);?>
 </option>
<?php
 }
 }
 ?>

	**Seria implementado nesta parte do código:**

<select class="selectpicker form-control empresa_passagem" name="trecho[' + trecho_id + '][empresa_passagem]" required>\\n\
    <option value="0">\ NENHUMA\
    </option>\
    <option value="1">\ EMPRESA 1\
    </option>\
    <option value="3">\ EMPRESA 2\
    </option>\
    <option value="2">\ EMPRESA 3\
    </option>\
    <option value="4">\ EMPRESA 4\
    </option>\
</select>

	 

	**Função do arquivo .js**

$(function(){
	// adicionar trecho
	$("div.ctrl-oficio a.adicionar").click(function() {
 trecho_id++;

 cor_fundo = '';
 cor_fundo = sorteia(classesBg);
 // passageiro_id = 0;
 var ht = $('<div class="trecho item-' + trecho_id + '">\
 <div class="row subtitulo '+cor_fundo+' trajeto panel"><img src="img/map.png"/>\
 <strong>\
 Trajeto de Ida\
 </strong>\
 </div>\
 <div class="form-group form-group-sm form-info">\
 <input name="trecho[' + trecho_id + '][status]" value="1" type="hidden" />\
 <div class="col-md-2">\
 <label for="lb-origem">\
 Origem\
 </label>\
 <input style="text-transform:uppercase" class="form-control cidade required ui-autocomplete-input autocomplete-origem origem-'+ trecho_id+1 +'" id="origem" data-id="'+ trecho_id+1 +'" title="*" name="trecho[' + trecho_id + '][cidade_origem]" type="text" required autocomplete="off"/>\
 </div>\
 <div class="col-md-2">\
 <label for="lb-destino">\
 Destino\
 </label>\
 <input style="text-transform:uppercase" class="form-control cidade required ui-autocomplete-input autocomplete-destino destino-'+ trecho_id+1 +'" data-id="'+ trecho_id+1 +'" title="*" id="destino" name="trecho[' + trecho_id + '][cidade_destino]" type="text" required autocomplete="off"/>\
 </div>\
 <div class="col-md-2">\
 <label for="lb-dtembarque">\
 Data Embarque\
 </label>\
 <input type="date" class="form-control data required" title="*" min="'+data+'" name="trecho[' + trecho_id + '][data_embarque]" type="text" required/>\
 </div>\
 <div class="col-md-2">\
 <label for="lb-horario">\
 Horário\
 </label>\
 <input type="time" class="form-control hora required" title="*" min="00:01" max="23:59" name="trecho[' + trecho_id + '][hora_embarque]" type="text" required/>\
 </div>\
 <div class="col-md-2">\
 <label for="lb-servico">\
 Tipo de Serviço\
 </label>\
 <select class="selectpicker form-control tipo_servico" name="trecho[' + trecho_id + '][tipo_servico]" required>\
 <option value="N">\
 NENHUM\
 </option>\
 <option value="C">\
 CONVENCIONAL\
 </option>\
 <option value="E">\
 EXECUTIVO\
 </option>\
 <option value="L">\
 LEITO\
 </option>\
 </select>\
 </div>\
 <div class="col-md-2">\
 <label for="lb-empresa">\
 Empresa\
 </label>\
 <select class="selectpicker form-control empresa_passagem" name="trecho[' + trecho_id + '][empresa_passagem]" required>\\n\
 <option value="0">\
 NENHUMA\
 </option>\
 <option value="1">\
 EMPRESA 1\
 </option>\
 <option value="3">\
 EMPRESA 2\
 </option>\
 <option value="2">\
 EMPRESA 3\
 </option>\
 <option value="4">\
 EMPRESA 4\
 </option>\
 </select>\
 </div>\
 </div>\
 <div class="form-group form-group-sm">\
 <div class="bordaazul passageiro azul">\
 <div class="col-md-1 backpassagem">\
 <label for="exampleInputName2">\
 Status\
 </label>\
 <p class="corAzul">\
 <i class="fa fa-caret-right" aria-hidden="true">\
 </i>\
 <strong>\
 Nova\
 </strong>\
 </p>\
 </div>\
 <div class="col-md-4 backpassagem nome">\
 <label for="exampleInputName2">\
 Passageiro\
 </label>\
 <input class="nome required form-control" title="*" name="trecho[' + trecho_id + '][passageiro][' + passageiro_id + '][nome]" type="text" maxlength="80" required/>\
 </div>\
 <div class="col-md-2 backpassagem rg">\
 <label for="exampleInputName2">\
 Identidade\
 </label>\
 <input class="rg required form-control" title="*" name="trecho[' + trecho_id + '][passageiro][' + passageiro_id + '][rg]" type="text" maxlength="15" />\
 </div>\
 <div class="col-md-2 backpassagem cpf">\
 <label for="exampleInputName2">\
 CPF\
 </label>\
 <input class="cpf required form-control" title="*" name="trecho[' + trecho_id + '][passageiro][' + passageiro_id + '][cpf]" id="iCPF" onBlur="ValidarCPF(form1.iCPF); maxlength="14" onKeyPress="MascaraCPF(form1.iCPF);" type="text" />\
 </div>\
 <div class="col-md-2 backpassagem cartao">\
 <label for="exampleInputName2">\
 Cartão\
 </label>\
 <input class="cartao form-control" name="trecho[' + trecho_id + '][passageiro][' + passageiro_id + '][cartao]" type="text" maxlength="30" onkeypress="return SomenteNumero(event)"/>\
 </div>\
 <div class="col-md-1 backpassagem">\
 <label for="exampleInp utName2">\
 &nbsp;\
 </label>\
 <div class="excluir">\
 <a href="javascript:void()" class="remover_passageiro btn btn-danger form-control"><i class="fa fa-times" aria-hidden="true"></i> Excluir</a>\
 </div>\
 </div>\
 <div class="backpassagem espaco-top">\
 &nbsp;\
 </div>\
 </div>\
 <div class="row ctrl-trecho">\
 <a href="javascript:void()" class="btn btn-primary adicionar add_passageiro"><i class="fa fa-plus-circle" aria-hidden="true"></i> Adicionar Passageiro</a>\
 <a href="javascript:void()" class="btn btn-warning excluir del_trecho"><i class="fa fa-minus-circle" aria-hidden="true"></i> Excluir Trecho</a>\
 </div>\
 <div class="ida_volta checkbox checkbox-default ">\
 <label for="ida_volta" ><img src="img/idaevolta.png"/>\
 <strong>Solicitar "ida e volta" para este trecho &emsp;&ensp;</strong>\
 </label>\
 <input id="ida_volta" name="trecho[' + trecho_id + '][ida_volta]" type="checkbox" value="1" />\
 </div>\
 </div>\
 </div>');
 $('.trecho').last().after(ht);

 bindDate();
	});