0

Eu tenho esse input

<input type="text" readonly="readonly" class="form-control form-sm input_digitacao">

E tenho esse script

$(".numeros_ligacao li a").click(function(){
    digito = $(this).html();
    $(".input_digitacao").val(digito);
})

a variavel digito me retorna um unico numero, ao clicar, dentro desse input aparece o numero correspondente, mas eu quero que adicione um atrás do outro, não que substitua como está fazendo. Tem algum modo?

2 Respostas 2

2

É simples, basta fazer desta forma:

$(".numeros_ligacao li a").click(function(){
    digito = $(this).html();
    var valor_anterior = $(".input_digitacao").val();
    $(".input_digitacao").val(valor_anterior + "" + digito);
});
1

Podes fazer desta forma também, pegando o valor já existente no input:

$(".numeros_ligacao li a").click(function(){
    var digito = $(this).html();
    $(".input_digitacao").val(function(){ return $(this).val()+digito; });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="numeros_ligacao">
   <li>
      <a href="javascript:void(0)">1</a>
   </li>
   <li>
      <a href="javascript:void(0)">2</a>
   </li>
</ul>

<input type="text" readonly class="form-control form-sm input_digitacao">

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 .