JavaScript - Orientação em passar parametro para Controller

Caros amigos, saudações.

Estou com uma dúvida e não estou conseguindo resolver.

	Tenho um SELECT onde eu pego o ID e NOME_CAMPO, até aqui tudo bem.

	 

	Para evitar erros de saída de produtos por estoque, preciso passar o ID do Centro de Custo, para gerar a Tabela de produtos em estou por cada centro de Custo.

	Exemplo:

	Centro de Custo 1 - tem:

	produto A | produto B | produto C

	Centro de Custo 2 - tem:

	produto D | produto E

	Como consigo pegar via JAVASCRIPT o código do Centro de Custo selecionado e passar para a Controller, para chamar a MODAL ?

	meu código está assim:

	VIEW

	 

 <div class="col-md-6">
 <label for="deptsOrigem">Dpto Origem:</label>
 <div class="input-group mb-3">
 <input type="hidden" name="idCentrocusto" id="idCentrocusto">
 <input type="text" class="form-control" id="nameCentrocusto" name="nameCentrocusto"
 style="font-size:15px; font-weight:bold;"
 placeholder="Pesquisar por Centro de Custo" disabled>
 <span class="input-group-btn">
 <button class="btn btn-primary" type="button" id="btnOrgn" name="btnOrgn"
 data-toggle="modal" data-target="#modal_deptsOrigem" >
 <span class="fa fa-search"></span> Buscar
 </button>
 </span>
 </div>
 </div>

<div class="modal fade" id="modal_deptsOrigem">
 <div class="modal-dialog modal-lg">
 <div class="modal-content">

 <div class="modal-header" style="font-size:18px; color:#ffffff; background:#307192;">
 <h4 class="modal-title"><strong>Lista do(s) Centro de Custo(s)</strong></h4>
 </div>

 <div class="modal-body">
 <table id="deptsLista" class="table table-bordered table-hover">
 <thead>
 <tr>
 <th style="text-align:center;">Código</th>
 <th style="text-align:center;">Centro de Custo(s)</th>
 <th style="text-align:center;">Ação</th>
 </tr>
 </thead>
 <tbody id="itensDeptos">
 <!---Monta Tabela VIA Ajax--->
 </tbody>
 </table>
 </div>

 <div class="modal-footer justify-content-center" style="background:#BBAAAA;">
 <button type="button" class="btn btn-danger pull-center" data-dismiss="modal">Voltar</button>
 </div>

 </div><!-- /.modal-content -->
 </div><!-- /.modal-dialog -->
</div>

	 

	o JAVASCRIPT está assim:

	 

 //Função para Chamar o Centro de Custo que o usuário deseja.
 listaDeptos();
 var table = $('#deptsLista').dataTable({
 "searching": true,
 "ordering": true,
 "info": true,
 "autoWidth": false,
 "pageLength": 5,
 "lengthMenu": [ 5, 10, 25, 50 ],
 "responsive": true,
 });
 // list all employee in datatable
 function listaDeptos(){
 $.ajax({
 type : 'ajax',
 url : '<?=base_url()?>estoque/consumo/deptsList/',
 async : false,
 dataType : 'json',
 success : function(data){
 var html = '';
 var i;
 for(i=0; i<data.length; i++){

 var datadpts = data[i].idDepartamento+"*"+data[i].departamento;

 html += '<tr>'+
 '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].idDepartamento+'</td>'+
 '<td width="50%" style="text-align:left; font-size:16px;">'+data[i].departamento+'</td>'+
 '<td width="10%" style="text-align:center;">'+
 '<button type="button" class="btn btn-success btn_orgns" style="margin-right: 1%; padding: 2px 5px;" title="Selecionar Departamento" value="'+datadpts+'"><span class="fa fa-check"></span></button>'+
 '</td>'+
 '</tr>';
 } //Fim - For
 $('#itensDeptos').html(html);
 } //Fim - success
 }); //Fim - ajax
 } //Fim - function

 /*---Função para Capturar o Departamento selecionado---*/
 $(document).on("click",".btn_orgns",function(){
 dpts = $(this).val();
 infodpts = dpts.split("*");
 $("#idCentrocusto").val(infodpts[0]);
 $("#nameCentrocusto").val(infodpts[1]);
 $("#modal_deptsOrigem").modal("hide");

 //Função para Atualizar o Status do Botão
 statusPesqProd();
 });

 //Função para Gerar a Lista de Produtos por Centro de Custo via AJAX.
 listaProduts();
 var table = $('#prdsLista').dataTable({
 "searching": true,
 "ordering": true,
 "info": true,
 "autoWidth": false,
 "pageLength": 5,
 "lengthMenu": [ 5, 10, 25, 50 ],
 "responsive": true,
 });
 // list all employee in datatable
 function listaProduts(){
 $.ajax({
 type : 'ajax',
 url : '<?=base_url()?>estoque/consumo/produtsList/', //< como passo aqui o ID do Centro de Custo Selecionado para Gerar a Lista de Produtos
 async : false,
 dataType : 'json',
 success : function(data){
 var html = '';
 var i;
 for(i=0; i<data.length; i++){

 var prds = data[i].idProdutos+"*"+data[i].cod_interno+"*"+data[i].descricao+"*"+data[i].prd_unid+"*"+data[i].estoque_atual;

 html += '<tr>'+
 '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].cod_interno+'</td>'+
 '<td width="50%" style="text-align:left; font-size:16px;">'+data[i].descricao+'</td>'+
 '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].prd_unid+'</td>'+
 '<td width="15%" style="text-align:center; font-size:16px;">'+data[i].estoque_atual+'</td>'+
 '<td width="12%" style="text-align:center;">'+
 '<button type="button" class="btn btn-success btn-prod" style="margin-right: 1%; padding: 2px 5px;" title="Selecionar Produto" value="'+prds+'"><span class="fa fa-check"></span></button>'+
 '</td>'+
 '</tr>';
 } //Fim - For
 $('#itensProds').html(html);
 } //Fim - success
 }); //Fim - ajax
 } //Fim - function

	 

	a CONTROLLER está assim:

 //Função para Criar Lista - Produtos Data Tables com AJAX
 function produtsList(){
 $data = $this->consumo_model->prodsList();
 echo json_encode($data);
 }

	 

	 

	 

	Grato,

	 

	Cesar