通過javascript提交表單

Question

我研究了如何通過javascript提交表單，但在我的情況下，我正在基於數據集創建幾個表單。 我不知道引用表單ID的最佳方法。

<c:forEach 
    var="meeting" 
    items="${response.mMeetingList}"
    begin="0"
    end="5">

    <div class="row">

        <ul class="span4 unstyled">
            <li>
                <form name="mtgDetailsForm" action="/transporter/app/meeting/read" method="POST">
                <input type="hidden" name="meetingId" value="${meeting.meetingId} }">
                <a href="javascript: getMtgDetails()" class="row">
                    <div class="span1"><fmt:formatDate value="${meeting.startTime}" type="time" pattern="h:mm a"></fmt:formatDate></div>
                    <div class="span3">${meeting.meetingName}</div>
                </a>
                </form>
            </li>
        </ul>

    </div>

</c:forEach>

這是提交表單的JS方法：

function getMeetingDetails( data ){
        document.mtgDetailsForm.submit();
    }

顯然，這不起作用，因為表單ID將被復制。 什么是更好的方法？

謝謝你的任何提示！

Answer 1

您可以參考的form從a ， 例如上的jsfiddle

function sub(e)
{
    var f = e.parentNode;

    // if using jQuery prefer this method to access `form`
    // var f = $(e).closest("form");

    f.submit();
}

然后

<a href="#" onclick="sub(this)">Submit</a>

Answer 2

我不知道你用來生成動態表單的代碼，但是一種方法是為每個表單生成一個id，如下所示：

 <form name="mtgDetailsForm${counter}">

將表單id by參數傳遞給function

<a href="javascript: getMtgDetails('mtgDetailsForm${counter}')" class="row">

獲取表單並根據參數提交

function getMeetingDetails( formId ){
        document.getElementById(formId).submit();
    }

還需要在for循環${counter++}內增加計數器