submit de formulário dinâmico com ajax

[fabriciohp 1]

Olá.

Estou tendo problemas para dar submit em um formulário específico, dentre diversos. Atualmente meu código está assim: (removi alguns campos para diminuir o código..)

 

<?php foreach ($arrVariacao as $variacao) { 
    $id = $variacao->getId();
    ?>
<form enctype="multipart/form-data" id="form_id_<?php echo $id; ?>" action="/">
        <table>
            <tr>
                <td><input type="text" size="12" disabled id="variacao_id_<?php echo $id; ?>" value="<?php echo $variacao->getId(); ?>" /></td>
                <td><button id="edit_variacao">Atualizar</button>
                <td><input type="hidden" class="action" value="edit" /></td>
                <td><input type="submit" value="edit" /></td>
            </tr>
        </table>
    </form>
<?php } ?>

e o JS:

 

<script>
    var form_id = $("#<?php echo $id; ?>").val();
    $("#"+form_id+"").submit(function(event) {
        var variacaoId = $('#variacao_id_<?php echo $id; ?>').val();
        var action = $('#action').val();
        event.preventDefault();
        $.ajax({
            type: "GET",
            url: "../ajax/variacao.ajax.php",
            data: {variacaoId: variacaoId, action: action}
        }).success(function(e) {
            alert(e);
        }).fail(function(e) {
            alert(e);
        });
    });
</script>

Mas assim ele sempre pegará somente o primeiro id, e os outros formulários não funcionam.

 

Como eu poderia fazer para que o submit saiba qual form que deverá ser submitado sem ter que enfiar um JS em cada loop do foreach?

 

Desde já agradeço.

[angelorubin 142]

Bom dia,

 

Você esta tentando colocar php dentro do js?

 

var form_id = $("#<?php echo $id; ?>").val();