Form Submit

[Danilo Ramon 0]

Código Abaixo, somente funciona no primeiro Formulário da Página, porém tenho um catálogo de produtos, onde são vários formulários.

 

SCRIPT

        <script type='text/javascript'>
           //<![CDATA[ 
            $(document).ready(function(){
           
                $('#other').click(function() {
                  $('#target').submit();
                });

                });//]]>  

	</script>            

 

HTML

 

<form id="target" target="pagseguro" method="post" action="#">  
    <?php
         include_once 'coleta_produto.php';
    ?>                
    <a href="#">
        <div id="other" class="botao_comprar"></div>
    </a>
</form>

A dúvida é: O FORMULÁRIO ACIMA, somente faz a SUBMISSÃO somente no primeiro FORM da página, os demais FORMS não são submetidos. Visto que tenho mais de 100 Forms, pois é um catálogo. E o botão é um efeito em uma DIV, por isso da utilização desse recurso.

 

Como faço para resolver essa questão ? Alguém me ajuda ?

 

Ou tenho que renomear cada ID para cada FORM, abraços...

[Bergs 53]

vc esqueceu de fazer a tarefa de casa sobre a diferença de id e class.

 

id é para uma coisa só classe vai funcionar em todos.

 

 

 $('.target', this).submit();

[Danilo Ramon 0]

o ID para cada item, tem como mostrar para mim como seria, pois fiz e não deu certo. Abrs

[William Bruno 1501]

vc não pode duplicar ID. Use classes:

<form target="pagseguro" method="post" action="#">  
    <?php
         include_once 'coleta_produto.php';
    ?>                
    <a href="#">
        <div class="other botao_comprar"></div>
    </a>
</form>

e ai:

<script type='text/javascript'>
//<![CDATA[ 
    $(document).ready(function(){
           
        $('.other').click(function() {
            $(this).parents('form').submit();
        });

    });
//]]>  
</script> 

Ainda assim é gambiarra essa forma com que vc está fazendo o botão. Certamente é possível fazer um CSS melhor e não usar um html inválido para tal.