Calling input value within span

Question

I have this line of code:

<input type="text" class="form-control" id="usado" placeholder="Quantidade" aria-describedby="basic-addon1">
<span class="input-group-addon" id="basic-addon1" onclick="usaEstoque(usado,<?php echo $arrDados['produto']; ?>)"><span class="glyphicon glyphicon-fire"></span></span>

I’m trying to take the input value and the product id value (this working on other buttons), in order to remove the quantity placed in the stock input. In general lines, I am trying to update the stock on the page itself.

I created the javascript function to test:

function usaEstoque(usado,id){

  var qtdUsado = usado;
  var idProduto = id;
  alert(qtdUsado, idProduto)
};

Answer 1

Try this:

<input type="text" class="form-control" id="usado" placeholder="Quantidade" aria-describedby="basic-addon1">
<span class="input-group-addon" id="basic-addon1" onclick="usaEstoque(<?php echo $arrDados['produto']; ?>)"><span class="glyphicon glyphicon-fire"></span></span>

And in your job:

function usaEstoque(id){
    var qtdUsado = document.getElementById("usado").value;
    var idProduto = id;
    alert(qtdUsado + " - " + idProduto);
};

In the click call you do not need to pass the reference or id of the input in question if it does not change. If it’s always the same, you can catch it inside the function with the document.getElementById().