Estou desenvolvendo um "cardápio eletrônico" para meu restaurante e estou com um pequeno problema. Criei um botão "adicionar" abaixo de cada produto e dá certo adicionar ao pedido quando faço da seguinte forma:
<a class="external" href="cadastra.php cod='.$cod.'&nome='.$nome.'&preco='.$desconto.'&mesa='.$idmesa.'&idGarcon='.$mostra['idGarcon'].'&destino='.$destino.'&comanda='.$mostra['comanda'].'&descvenda='.$valordesc.'&qtd='1' class="btn">
<div class="chip">
<div class="chip-media bg-color-blue">
<i class="icon f7-icons ios-only">add_round</i>
<i class="icon material-icons md-only">add_circle</i>
</div>
<div class="chip-label">Adicionar</div>
</div>
</a>
Se observarem a qtd='1' está fixo, não consegui implementar um botão tipo (+) incremento e ( - ) decremento para não ser necessário digitar o número.
Tentei mudar para "input" usando ajax e fiz assim:
<div class="stepper stepper-small stepper-fill stepper-init" data-manual-input-mode="true">
<div class="stepper-button-minus"></div>
<div class="stepper-input-wrap">
<input type="text" value='.$quantidade.' min="1" max="100" step="1" id="qtd" readonly>
</div>
<div class="stepper-button-plus"></div>
</div>
<input class="input" type="hidden" value='.$cod.' id="cod">
<input class="input" type="hidden" value='.$nome.' id="nome">
<input class="input" type="hidden" value='.$desconto.' id="preco">
<input class="input" type="hidden" value='.$idmesa.' id="mesa">
<input class="input" type="hidden" value='.$mostra['idGarcon'].' id="idGarcon">
<input class="input" type="hidden" value='.$destino.' id="destino">
<input class="input" type="hidden" value='.$mostra['comanda'].' id="comanda">
<input class="input" type="hidden" value='.$valordesc.' id="descvenda">
<div class="chip" type="submit" onclick="inserir_registo()">
<div class="chip-media bg-color-blue">
<i class="icon f7-icons ios-only">add_round</i>
<i class="icon material-icons md-only">add_circle</i>
</div>
<div class="chip-label">Adicionar</div>
</div>
Dessa forma consegui o fazer com que o (+) incremento e ( - ) decremento funcionasse bem, porém ao clicar no botão adicionar vai sempre para o pedido sempre o primeiro item do cardápio e não o item selecionado. Dessa forma seria melhor uma vez que estou usando o Framework7 e ajax para adicionar ao MySql, mas como farei para ir para o pedido o item do botão selecionado e não o primeiro item do cardápio usando o input??
Grato