Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 所有按钮和图像调用表单操作_Jquery_Html_Jsp - Fatal编程技术网

Jquery 所有按钮和图像调用表单操作

Jquery 所有按钮和图像调用表单操作,jquery,html,jsp,Jquery,Html,Jsp,当我点击每个按钮时,我想做一个动作。。。当点击图片时,我想调用表单操作 <c:forEach var="userBeans" items="${userBeanList}" varStatus="statusReport"> <form data-action="/secure/downloadcsvUser/${userBeans.key}"> <tr> <td>${s

当我点击每个按钮时,我想做一个动作。。。当点击图片时,我想调用表单操作

   <c:forEach var="userBeans" items="${userBeanList}" varStatus="statusReport">
        <form data-action="/secure/downloadcsvUser/${userBeans.key}">
            <tr>
                <td>${statusReport.count}</td>
                <td>${userBeans.value.title}</td>
                <td>
                    <c:if test="${userBeans.value.hasParams}">
                        <c:forEach var="paramName" items="${userBeans.value.listParamNames}" varStatus="statusParam">
                            ${paramName} <input type="text" id="${userBeans.key}${statusParam.count}" name="${paramName}" size="12" maxlength="10" />
                        </c:forEach>
                    </c:if>
                </td> 
                <td align="center">
                   <button id="editUserButton${statusReport.count}"></button>
                   <button id="deleteUserButton${statusReport.count}"></button>
                   <input type="image" height="25" width="25" src="/resources/img/report-run.png"/>
                </td>
            </tr>
        </form>
    </c:forEach>
但现在看起来像是所有的按钮调用形式的行动

   <c:forEach var="userBeans" items="${userBeanList}" varStatus="statusReport">
        <form data-action="/secure/downloadcsvUser/${userBeans.key}">
            <tr>
                <td>${statusReport.count}</td>
                <td>${userBeans.value.title}</td>
                <td>
                    <c:if test="${userBeans.value.hasParams}">
                        <c:forEach var="paramName" items="${userBeans.value.listParamNames}" varStatus="statusParam">
                            ${paramName} <input type="text" id="${userBeans.key}${statusParam.count}" name="${paramName}" size="12" maxlength="10" />
                        </c:forEach>
                    </c:if>
                </td> 
                <td align="center">
                   <button id="editUserButton${statusReport.count}"></button>
                   <button id="deleteUserButton${statusReport.count}"></button>
                   <input type="image" height="25" width="25" src="/resources/img/report-run.png"/>
                </td>
            </tr>
        </form>
    </c:forEach>

${statusReport.count}
${userBeans.value.title}
${paramName}

也许有一种更通用的方法来代替我的表单?

按钮元素会自动提交表单,因为表单的默认“type”属性是“submit”()。

为什么不使用JS覆盖onsubmit函数,获取id属性并执行所需的函数,然后重写图像的submit函数以进行Ajax调用以提交表单?