APLICATIVO

[jpaulorh 0]

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