Criar um evento na linha do checkbox

[gersonab 1]

Bom dia meus amigos, estou precisando criar um evento numa linha de dados de uma consulta, sendo que esta linha deveria estar selecionada através do checkbox, tipo :

Tenho uma listagem de informações de clientes, nesta lista tenho um checkbox para selecionar uma única linha, nesta podendo fazer alterações conforme um select option, sendo que este não esta na linha, esta fora dela, pois se eu tiver 3000 linhas, terei 3000 select option, logo o que eu preciso é pegar o id da linha e enviar para o select , onde ali escolherei a ação a tomar.

 

não estou sabendo pesquisar ou dar uma partida para este, desde já agradeço a ajuda.

<div class="action-btns d-none">
  <div class="btn-dropdown mr-1 mb-1">
    <div class="btn-group dropdown actions-dropodown">
      <button type="button" class="btn btn-white px-1 py-1 dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Ação
      </button>
      <div class="dropdown-menu dropdown-menu-right">
        <a class="dropdown-item" href="#"><i class="feather icon-trash"></i>Editar</a>
        <a class="dropdown-item" href="#"><i class="feather icon-archive"></i>Inserir imagem</a>
        <a class="dropdown-item" href="#"><i class="feather icon-file"></i>Email</a>
        <a class="dropdown-item" href="#"><i class="feather icon-save"></i>Deletar</a>
      </div>
    </div>
  </div>
</div>
<div class="table-responsive">
  <table class="table">
    <thead>
      <tr>
        <th></th>
        <th>IMAGEM</th>
        <th>NOME</th>
        <th>CATEGORIA</th>
        <th>EMAIL</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><input type="checkbox" id="id" name="id" /></td>
        <td><img src="../cli/imagem.png" alt="img"></td>
        <td>Nome do cliente</td>
        <td>Categoria</td>
        <td>Email</td>
      </tr> 
      <!-- aqui continua a lista, resumida para facilitar -->

 

[gersonab 1]

minhas tentativas são estas....

onde o selec está

<div class="panel-title hidden-xs" style="z-index:9999" id="atualizamenu"> Cadastrados -> <?php include "../lista/selmenu.php";?></div>

meu rádio, não poderia ser checkbox, pois apenas uma seleção

<td ><input type="radio" name="idpr" class="idpr" value="<?php echo $idpr; ?>"></td>

jquery

//var idpr = $("input[name='idpr']:checked"); 
				//idpr.change(function() { 
				//$("input[name='idpr']:checked").change(function(event){
				//	var idpr = event.currentTarget.value;
				$('.idpr').change(function(){
					var idpr = $(this).val();
					$.ajax({ 
						url: '../lista/selmenu.php', 
						type: 'GET', 
						data:{"idpr" : idpr.val()}, 
						success: function(data) { 
						console.log(data); 
						data = $.parseJSON(data); 
					if(data.idpr) { 
					//document.getElementById("atualizamenu").reset();
					$("#atualizamenu").html($(dados).find("#atualizamenu"));
					} 
						}
				}); 
				});

o selmenu.php

<?php
require_once('../curio.php');
    $Varreu = $_GET['idpr'];
$consmenu = $pdo->query("SELECT proc.idpr, proc.part, cli.idc FROM proc INNER JOIN cli ON cli.idc=proc.part WHERE proc.idpr ='".$Varreu."' ");
$user2 = $consmenu->fetch(PDO::FETCH_ASSOC);
	$idpr = $user2['idpr'];
	$idc = $user2['idc'];

?>
	<div class="btn-group">
		<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Selecionar ação
			<span class="caret ml5"></span>
		</button>
		<ul class="dropdown-menu" role="menu">
			<li>
				<a href="listcliente.php?idc=<?php echo $idc; ?>"> Relatório </a>
			</li>
			<li>
				<a href="uppr.php?id=<?php echo $idpr; ?>"> Editar processo </a>
			</li>
		</ul>
	</div>

o que ocorre, ou não passa a informação ou não atualiza. não há erros no console.

[gersonab 1]

desta forma consigo passar o valor que é mostrado no console.log

$(".idpr").change(function(event){
var idpr = event.currentTarget.value;
$.ajax({ 
url: '../lista/selmenu.php', 
type: 'GET', 
data:{"idpr" : idpr}, 
success: function(data) {
console.log(data); 
if(data.idpr) { 
document.getElementById("atualizamenu").reset();

} 
}
}); 
});

só que não atualiza na página, no console mostra

<div class="btn-group" id="atualizamenu">
  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"> Selecionar ação
    <span class="caret ml5"></span>
  </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a href="listcliente.php?idc=978"> Relatório </a>
    </li>
    <li>
      <a href="uppr.php?id=1032"> Editar </a>
    </li>
  </ul>
</div>

ja na página o id e o idc estão em branco como mostra o elements
 

<a href="listcliente.php?idc="> Relatório </a>

não esta atualizando

[gersonab 1]

Consegui resolver desta forma.

$(".idpr").change(function(event){
var idpr = event.currentTarget.value;
$.ajax({ 
url: '../lista/selmenu.php', 
type: 'GET', 
data:{"idpr" : idpr}, 
success: function(data) { 
console.log(data); 
$("#atualizamenu").html(data)
}
}); 
});

consigo fazer todos os itens do menu, em alguns casos dependendo da página são 8 itens.