0

Tenho uma função em JS e pretendo executá-la quando mudar o select, eu chamo assim:

$("#table1 .td_select select").on("click select", function(){
    calcSub($(this).closest("tr"));
    calcTotal();
});
<div class="table1">
    <td class="td_select">			
	    <select name="id_lub" id="id_lub" class="btn-block">
		    <option value="">Nenhum</option>
            ...
		</select>
    </td>
</div>

Se eu mudar o option do select a função não é executada, porém se eu clicar em cima do select ele executa a função. Acredito que estou chamando a função de forma errada ai em cima no JS. Seguindo a mesma estrutura, qual o jeito certo de inserir os dados entre $()?

1
  • 1
    Você poderia uasr o change assim: $(document).on('change', '#table1 .td_select select', function(){ /*code here*/ });
    – SylvioT
    Commented 3/04/2019 às 12:44

2 Respostas 2

3

Para chamar uma função ao mudar o select você pode usar o onchange que vai disparar a chamada sempre que selecionar outra opção

function mudarSelect(valor){
  console.log(valor);
}
<select onchange="mudarSelect(this.value)">
    <option value="valorA">Valor A</option>
    <option value="valorB">Valor B</option>
    <option value="valorC">Valor C</option>
</select>

em seu código, usando o JQuery, você está usando o seletor de maneira errada. Seu código corrigido ficaria da seguinte forma:

$("#id_lub").on("change", function(){ //usando o id do select
    calcSub($(this).closest("tr"));
    calcTotal();
});

<div class="table1">
    <td class="td_select">          
        <select name="id_lub" id="id_lub" class="btn-block">
            <option value="">Nenhum</option>
            ...
        </select>
    </td>
</div>
1

De acordo com a documentação do Jquery você pode fazer assim $(seletor).change(function() { logica da função }, tente usar assim ao envez de .on('change'). E de preferencia para seletores com id igual fiz no exemplo abaixo:

$("#id_lub").change(function() {
   console.log('x');
})
    <script
   src="https://code.jquery.com/jquery-3.3.1.min.js"
   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
   crossorigin="anonymous">
</script>


        <div class="table1">
           <td class="td_select">			
        			<select name="id_lub" id="id_lub" class="btn-block">
        				<option value="">Nenhum</option>
                <option value="">Nenhum1</option>
                <option value="">Nenhum2</option>
                ...
      </select>
           </td>
        </div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .