Submit multiple forms one button

Question

I have two separate forms with radio buttons. I need to make a button, clicking which submit two forms.

<form action="/second_vote" method="post" id="poll-view-voting" accept-charset="UTF-8">
    <div class="choices">
        <div class="form-item form-type-radios form-item-choice">
            <div id="edit-choice" class="form-radios">
                <div class="form-item form-type-radio form-item-choice">
                    <input type="radio" id="edit-choice-1" name="choice" value="1" class="form-radio">
                    <label class="option" for="edit-choice-1">1 </label>
                </div>
            </div>
        </div>
    </div>
    <input type="submit" id="edit-vote" name="op" value="Vote" class="form-submit">
</form>

<form action="/second_vote" method="post" id="poll-view-voting--2" accept-charset="UTF-8">
    <div class="choices">
        <div class="form-item form-type-radios form-item-choice">
            <div id="edit-choice--2" class="form-radios">
                <div class="form-item form-type-radio form-item-choice">
                    <input type="radio" id="edit-choice-3" name="choice" value="3" class="form-radio">
                    <label class="option" for="edit-choice-3">1 </label>
                </div>
            </div>
        </div>
    </div>
    <input type="submit" id="edit-vote--2" name="op" value="Vote" class="form-submit">
</form>

I try to do like this, but only sent the first form.

<script language="javascript" type="text/javascript">
    function submitDetailsForm() {
        $('#poll-view-voting').submit();
    }
</script>

Answer 1

I think that you can't send two form in one single request. You should use some AJAX request to send both of them in sequence, or, even better, use just one form (you're using the same action for both of your form..)

Answer 2

您可以使用AJAX提交第一个表单，否则一个表单的提交将阻止另一个表单的提交。

Answer 3

1

 <form action="/second_vote" method="post" id="poll-view-voting--2" accept-charset="UTF-8"> <div class="choices"> <div class="form-item form-type-radios form-item-choice"> <div id="edit-choice--2" class="form-radios"> <div class="form-item form-type-radio form-item-choice"> <input type="radio" id="edit-choice-3" name="choice" value="3" class="form-radio"> <label class="option" for="edit-choice-3">1 </label> </div> </div> </div> </div> </form> <input type="button" value="Click Me!" onclick="submitDetailsForm()" /> <script language="javascript" type="text/javascript"> function submitDetailsForm() { $('#poll-view-voting').submit(); $('#poll-view-voting--2').submit(); } </script>