Jump to content
  • 0
prometheusz

Pegar valor de uma coluna clicada

Question

Amigos bom dia, sou novo aqui

Tenho a seguinte tabela  :

 Tabela.thumb.jpg.be908e3d406978ad4ac5d3808d04d251.jpg

 

gostaria de capturar os ids quando fosse clicado no botão pegar valor do codigo porem do jeito que fiz ele só captura o 88 nao importa qual mlinha eu clique ele so captura o numero 88

 

codigo:


 

<script>
  $(function () {
       $(document).on('click', '.btn-danger', function (e) {
          e.preventDefault;
           var codigo =document.getElementsByTagName('th')[5].innerHTML;
          alert(codigo)
      });
  });
</script>



 <?php while ($dado = ibase_fetch_object($consulta_retorno)){  ?>
      <tr>
        <th data-title="ID"><?php echo ($dado->ID)?> </th>
        <td data-title="Nome"><?php echo utf8_encode($dado->NOME)?></td>
        <td data-title="DataCompra"><?php echo date("d/m/Y", strtotime($dado->DATACOMPRA))?></td>
        <td data-title="Email"><?php echo utf8_encode($dado->EMAIL)?></td>
        <td> <button class="btn-danger">Pegar Valor do Código</button></td>
      </tr>
     <?php }?>

 

 

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0
Em 24/06/2019 at 15:56, winterjeferson disse:

isso?

 

$('.btn-danger').on('click', function () {

     let element = $(this).parent().parent().find('th').text();

     alert(element);

});

 muito obrigado WinterJeferson...deu certinho.....agora como eu faço uma requisição em ajax para poder trabalhar com esse valor.... no caso element...seguinte eu preciso usar esse valor em um select q vou fazer em um banco..e depois um insert....tudo na mesma pagina com janela modal....

 

ja esta tudo pronto....só nao consigo pegar o valor dentro do javascript 

ja tentei um monte de coisa...mais me falaram pra fazer essa tal requisição em ajax...porem nao responderam..... :>(

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Thiago Franchin
      Pessoal gravei esse tutorial de Gastby.js, espero que gostem: 
       
       
    • By alysson122010
      Galera tenho esse codigo e gostaria que as impressao das latitudo e longitudo aparecesse em dois inputs diferentes para depois eu manda para um banco de dados com um insert.
       
      meu codigo:
      <p id="demo"></p> <body onload="getLocation()"> <script> var x=document.getElementById("demo"); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else{x.innerHTML="O seu navegador não suporta Geolocalização.";} } function showPosition(position) { x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude; } </script> </body>  
    • By thalasable
      Olá amigos, estava testando a API do PasteBin, estava na etapa de resgatar a chave do usuário, e quando faço a requisição, o XMLHttpRequest.status retorna o código 0, o que eu acho estranho... 
      Aqui é o link da documentação da API do PasteBin: https://pastebin.com/api
       
      Bem, aqui vai meu código (com meus dados de login retirados, claro):
      var ajax = new XMLHttpRequest(); ajax.open("POST", "https://pastebin.com/api/api_login.php", true); ajax.setRequestHeader("encoding", "utf-8"); ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");        ajax.send("api_dev_key=40e2994f5de3dcae28006cba01318634&api_user_name=MeuUsername&api_user_password=MinhaSenha"); ajax.onreadystatechange = function(){ if(ajax.readyState == 4 && ajax.status == 200){ var data = ajax.responseText; console.log(data); } else{ console.log("erro"); } } De antemão já agradeço a resposta!
    • By violin101
      Caros amigos, saudações...
       
      Estou com a seguinte dúvida.
       
      Tenho um Formulário em Codeigniter e tenho um Campo:
      Valor Unitário X Quantidade = Valor Total
       
      o Campo Valor Unitário é passado um Valor após uma pesquisa do produto, o campo está como disabled.
      o Campo Quantidade é informado a quantidade que deseja, esse campo é um INPUT.
      o Campo Valor Total é passado o resultado, o campo está como disabled.
       
      Anexei a imagem abaixo.
       
      Minha dúvida: como consigo capturar o Valor automaticamente do campo Valor Unitário, para realizar e multiplicação ?
       
      Grato,
       
      Cesar

    • By fsantos
      tenho o seguinte codigo e queria uma ajuda para fazer a iteração correta no arquivo json

       
      <!DOCTYPE html>
      <html>
      <head>
      <title>Mapa</title>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
            body{margin:0 auto; width:480px; font-family: arial;}
          input.text, textarea, select {
          border: 1px solid #C0C0BA;
          -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          -moz-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.17);
          }
      input, textarea, select {
          -webkit-border-radius: 12px;
          -moz-border-radius: 12px;
          border-radius: 12px;
          }
            @media only screen and (max-width: 600px) {
                body {
              width:90%;
                     }
              }
      </style>
      <script type="text/javascript" src="https://fcosantos.com.br/js/jquery-3.3.1.min.js"></script>
          <script type="text/javascript">
        $(document).ready(function () {
          $.getJSON('https://fcosantos.com.br/projetos/covidForm/portugal.json', function (data) {
            var items = [];
            var options = '<option value="">Escolha o distrito</option>';
            $.each(data, function (key, val) {
              options += '<option value="' + val.nome + '">' + val.nome + '</option>';
            });
            $("#estados").html(options);
            $("#estados").change(function () {
              var options_cidades = '';
              var str = "";
              $("#estados option:selected").each(function () {
                str += $(this).text();
              });
              $.each(data, function (key, val) {
                if(val.nome == str) {
                  options_cidades += '<option value="">Escolha o conselho</option>';
                  $.each(val.cidades, function (key_city, val_city) {
                    options_cidades += '<option value="' + val_city.nome + '">' + val_city.nome + '</option>';
                  });
                }
              });
              $("#cidades").html(options_cidades);

              //Busca das freguesias
              $("#cidades").change(function () {
              var options_freguesias = '';
              var str2 = "";
              $("#cidades option:selected").each(function () {
                str2 += $(this).text();
              });
              $.each(data, function (key2, val2) {
                if(val2.cidades.nome == str2) {
                  options_freguesias += '<option value="">Escolha a freguesia</option>';
                  $.each(val2.cidades.freguesias, function (key_freg, val_freg) {
                    options_freguesias += '<option value="' + val_freg.nome + '">' + val_freg.nome + '</option>';
                  });
                }
              });
              $("#freguesias").html(options_freguesias);
              }).change();

              }).change();
          });
        });
          </script>
          </head>
          <body>
              <form method="get" action="">

              <select name="uf" id="estados" style="width:47%; padding:5px; margin-bottom:8px; float:left;">
                  <option value=""></option>
              </select>
              <select name="cid" id="cidades" style="width:47%; padding:5px; margin-bottom:8px; float:right;">
              </select>
              <select name="freg" id="freguesias" style="width:100%; padding:5px; margin-bottom:8px;">
              </select>
              <input type="submit" value="Buscar" style="width:100%; padding:5px; margin-bottom:20px; ">
      </form>
      </body>
      </html>

      O que ocorre é que ao selecionar o primeiro select o segundo é preenchido altomaticamente, mais nao entendi porque o segundo não.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.