Jump to content
netovgs

Alterar valor do select

Recommended Posts

Bom dia,

 

Estou com o seguinte problema, tenho uma tabela e utilizo tablesorter (jquery). Tenho alguns filtros, para ilustrar upei esta imagem:  uploaddeimagens.com.br/imagens/img-jpg--188.

Estou com dificuldades para quando eu faço o filtro (seta preta) ele exibir a soma das quantidades do campo Qtde. Ele soma, porém só mostra na console após eu alterar o valor do select.

Por exemplo, conforme a imagem, ele só exibirá o 51 no console quando eu alterar o valor do select de novo.

Já tentei utilizar o .change e o .blur, mas como disse ambos funcionam, porém só depois que ou eu altero o select (change) ou quando eu clico fora do select (blur).

O que posso fazer para conseguir resolver esse impasse?

 

Este é o código que estou utilizando: 

	var qtd = 0;

  	$('select').on('blur', function() {  
      qtd = 0;
      $("#tabela tbody tr:not(.filtered)").each(function() {
      qtd += parseInt($(this).find('td').eq(5).html());  
    });

  	console.log(qtd);

Sou novo com jQuery, então se tiver sugestão para mudar totalmente o código, sem problemas.

 

Obrigado,

João.

Share this post


Link to post
Share on other sites

Boa tarde, acabei conseguindo fazer desta forma:

$(document).ready(function() {
    var qtd = 0;

    $('select').on('blur', function(e) {  
        qtd = 0;
        $("#tabela tbody tr:not(.filtered)").each(function() {
            qtd += parseInt($(this).find('td').eq(5).html());  
        });
    });

    $('select').on('change', function() {       
        setTimeout (function() { 
            $("#tabela thead tr td input[type=search]").eq(0).focus(); 
            $('#total').html(qtd);
        }, 300);
    }); 
});

Se alguém precisar de algo parecido, tá aí o código.

 

Obrigado.

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 Julie_santiago
      Olá!
      Pessoal, preciso muito de um help urgente. Estou tentando fazer uma simples query ao banco de dados, usando o Axios. Mas, não importa a forma de fazer a requisição, o Axios não funciona. O HTML está abaixo, onde chamo a função enviaDados() através do onsubmit.
      <div class="input-group md-form"> <form method="get" onsubmit="enviaDados()" name="buscar"> <input type="text" id="Form-search2" class="form-control" name="nomeReagente"> <label for="Form-search2">Search</label> <input type="submit" name="pesquisar" value="buscar"> </form> <span class="input-group-text dark lighten-2" id="basic-text1"> <i class="fas fa-search text-dark" aria-hidden="true"></i> </span> </div> Meu arquivo main.js que contém a função enviaDados().
      function enviaDados(){ let nome = buscar.nomeReagente.value recebeDados(nome); } Dentro dessa função, estou chamando outra: recebeDados() que executa a requisição Axios. Passo como parâmetro o valor lá do meu input. OBS.: Meu código está assim, aparentemente confuso, porque o objetivo é ter funções que enviam os dados dos meus formulários e outras funções (genéricas) para receber e tratar esses dados. Abaixo a função recebeDados():
      function recebeDados(nome_reagente){ axios.get('http://localhost/Quimica/php/recebe_json.php', { params: { nome } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log('Não foi possível realizar a requsição: '+error); }) .finally(function () { }); } Não importa o que eu faça, sempre cai no CATCH  - request aborted. Preciso muito resolver esse problema, mas não faço ideia do que pode ser. Relevem qualquer "noobice" porque estou aprendendo o básico ainda.
       
    • By JeanTDZ
      Olá pessoal!
       
      Estou com uma tremenda dificuldade.
      Tenho um formulário na qual está funcionando e cadastrando, porém preciso que o meu botão adicionar autorizado funcione e mostre o que foi digitado para o e-mail. As informações na vdd é enviada para o e-mail e o que será enviado é oque será digitado.
       
      Simplificando ->
      Tenho um botão que adiciona 2 inputs (NOME E SALDO) e conforme for clicando nesse botão, vai adicionando mais campos.
      Dúvida: Como posso fazer com que grave o que foi digitado nesses campos?
       
      Segue o que eu tentei fazer até agora:

      HTML
      <!DOCTYPE html> <html>     <head>         <title>Chame Taxi PrePago</title>                 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>         <link rel="icon" type="image/x-icon" href="https://www.flaticon.com/premium-icon/icons/svg/1361/1361253.svg" />         <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>     </head>     <body>         <br />         <div class="container" style="width:100%; max-width:600px">             <h2 align="center">Pré-Pago</h2>             <br />             <div class="panel panel-default">                 <div class="panel-heading"><h4>Registrar</h4></div>                 <div class="panel-body">                     <form method="post" id="register_form">                         <?php echo $message; ?>                         <div class="form-group">                             <label>Nome Completo</label>                             <input type="text" name="user_name" style="text-transform:uppercase" class="form-control" pattern="[a-zA-Z ]+" required />                         </div>                         <div class="form-group">                             <label>E-mail</label>                             <input type="email" name="user_email"  style="text-transform:uppercase" class="form-control" required />                         </div>                         <div class="form-group">                             <label>CEP</label>                             <input type="text" name="campob" id="cep" value="" maxlength="9" onblur="pesquisacep(this.value);" class="form-control">                         </div>                         <div class="form-group"> <table id="myTable" class="table"> <a class="btn btn-primary" onclick="myFunction()" href="#" role="button">Adicionar Autorizado</a>             <thead>                 <tr>                     <th>NOME</th>                     <th>SALDO</th>                 </tr>             </thead>         </table>                         <div class="form-group">                             <input type="submit" name="register" id="register" value="Validar" class="btn btn-info" />                         </div>                     </form>                 </div>             </div>         </div>     </body> </html> JAVASCRIPT 
       
          <script>         var incremento = -1;         function myFunction() {             incremento++;             var table = document.getElementById("myTable");             var row = table.insertRow(0);             var cell1 = row.insertCell(0);             var cell2 = row.insertCell(1);             var cell3 = row.insertCell(2);             var cell4 = row.insertCell(3);             cell1.innerHTML = "NOME";             cell2.innerHTML = '<input type="text" name="name1[${incremento}]" >';             cell3.innerHTML = "SALDO";             cell4.innerHTML = '<input type="text" name="saldo[${incremento}]" size="15px" >';         }     </script>  
    • By gustavodubarbosa
      Estou criando uma página que realize monitoramento de atividades.
      No meu código PHP defini uma variável que busca a data atual, depois passei o parâmetro de conexão com o banco de dados, depois criei um while para buscar as informações, dentro do while criei um if, a condição if é que se a variável data for igual a data cadastrada na atividade, exiba toda a atividade cadastrada. Mas o problema é que o if não está controlando essa condição, está passando direto e exibindo tudo.
      <?php $number = ('23'); $data = date("Y-m-d"); echo "$data"; /*Aqui realizo a conexão com o banco de dados, passo os dados para conectar, caso dê algum erro, o sistema me retorna uma mensagem de erro*/ $conect = mysqli_connect('localhost','root','','projeto_pessoal') or die ('Erro na conexão com o banco de dados'); /*Aqui passo o comando para realizar a busca no banco de dados, aplicando o filtro de pesquisa*/ $result_pesquisa = "SELECT * FROM cadastrar_atividade"; /*Neste momento, mando a execução, preciso passar como parametro a variável com a conexão e a variável com o comando, caso dê erro, será exibido uma mensagem*/ $resultado_pesquisa = mysqli_query($conect, $result_pesquisa); /*Aqui é aberto um laço de repetição para fazer uma varredura no banco de dados, em seguida realizo a exibição do que foi encontrado*/ ?> <h1>Resultado da Pesquisa</h1> <?php while($rows_pesquisa = mysqli_fetch_array($resultado_pesquisa)){ if($rows_pesquisa['prazo'] == $data) echo '<p class="title">'.'ID da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['id'].'<br>'.'</p>'; echo '<p class="title">'.'Nome da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['nome_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Descrição da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['desc_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Prioridade: '.'</p>'.'<p class="result">'.$rows_pesquisa['prioridade'].'<br>'.'</p>'; echo '<p class="title">'.'Prazo: '.'</p>'.'<p class="result">'.$rows_pesquisa['prazo'].'<br>'.'</p>'; echo 'carregado'; echo '<hr></hr>'; } ?>  
    • By renatamdk
      Oii gente!
      Eu sou iniciante em html e estou tendo dificuldade em mudar a cor do campo de um formulário...
       
      Já procurei aqui, e o que encontrei não entendi muito bem também ):
       
      Se alguém puder me ajudar, agradeço.
       
      Vou deixar um anexo de como está o formulário. Queria deixar o fundo mais cinzinha, pois branco está destacando demais. Só isso...
       
       
       
      O código:
       
      <!-- Formulário -->
      <form id="llCaptureForm" class="llformCustom" action="//paginas.rocks/capture" method="post">
         <input type="hidden" id="mid" name="mid" value="328302">
         <input type="hidden" id="fid" name="fid" value="14926">
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32417">Nome</label>
             <input type="text" id="llfield32417" name="llfield32417" placeholder="Seu nome">
             <div class="field-error" id="llerror32417"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32419">Contato</label>
             <input type="tel" id="llfield32419" name="llfield32419" placeholder="DDD + Número">
             <div class="field-error" id="llerror32419"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32418">E-mail</label>
             <input type="email" id="llfield32418" name="llfield32418" placeholder="Informe seu e-mail" data-required="true">
             <div class="field-error" id="llerror32418"></div>
         </div>
         <div class="button-bar">
             <button style="background-color: rgba(255, 179, 38, 1) !important;" type="submit">Cadastrar</button>
         </div>
         <div class="loading-box">
             <img src="//paginas.rocks/content/images/spinner.gif">
             <div>loading...</div>
         </div>
         <div class="error-box">
             <img src="//paginas.rocks/content/images/error-icon.png">
             <div></div>
             <button type="button" class="btn" id="btn-error">Ok</button>
         </div>
         <img src="https://llimages.com/redirect/redirect.aspx?A=V&amp;f=14926&amp;m=328302" style="display: none;">
      </form>

    • By ArjunKumar
      Hi, I have been using the HTML and javascript for a while in Map. I just realized that after inserting a value with javascript/jquery the answer is not recognized by Map. I have to google it to learn more thinks about the Javascript map and I have found some good results but didn't get the right query about it. I am stuck between the code. Please check it, Is it right?
       
       
      Self : {self}   <script> $(document).ready(function(){ var whatiwant = "this is what I want"; $("#answer714997X7X98").val(whatiwant); }); </script>
×

Important Information

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