APLICATIVO

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