jsp <html:file> 属性

Question

我需要循环传递来自 jsp 文件属性的值。这是代码

</tr>
                    <%

                    for (int i = 0; i < value.size(); i++) {
                        <html:form action="save" method="post" styleId="update" enctype="multipart/form-data">
                        <input type=hidden id="secfeaturetype" name="secfeaturetype" value="" />

                        <html:file property="testfile" styleId="testfile"/>
                        <input type="button" value="Update" onclick='javascript:check_updatefields()' />
                        </html:form>
                        </td>
                    </tr>

我正在尝试在 javascript 中进行一些验证，它只正确读取第一个文件而不是其余文件。有什么想法吗？

function check_updatefields() {
    var file = jQuery('#testfile').val();
    alert(testfile);
 }

我在这里遗漏了什么吗？谢谢。

Answer 1

"id"，表示它在你的页面中是唯一的，所以如果有多个，浏览器只会识别第一个元素，所以这里最好使用"class"，更正如下：styleClass="测试文件”。 js: jQuery('.testfile').

Answer 2

正如我在上面的评论中提到的，id 属性应该是唯一的，因此在循环中创建具有相同 id 的元素会给您无效的 html，$("#testfile") 将只选择具有该 id 的第一个元素（除了在某些可能只选择最后一个的浏览器中）。

对于重复元素，一个更好的解决方案是给它们一个公共类，并根据它们属于哪个容器来区分它们，或者根据与其他元素的已知关系（如果不是容器）来区分它们。或者，如果包含元素足够独特，则按标记名选择，或者按name 属性选择。您似乎在使用 jQuery，它使这些选项中的任何一个都变得容易。

我认为您可以将代码整理成这样：

<table id="yourTableIdHere">
<% for (int i = 0; i < value.size(); i++) { %>
   <tr><td>
      <html:form action="save" method="post" styleId="update" enctype="multipart/form-data">
         <input type=hidden name="secfeaturetype" value="" />
         <html:file property="testfile" styleClass="testfile"/>
         <input type="button" value="Update" />
      </html:form>
   </td></tr>
<% }%>
</table>

我不太熟悉 Struts html 标签库，但我相信styleClass="testfile" 将呈现属性class="testfile"（如果不是，请替换为呈现class=... 的任何适当的东西）。请注意，我删除了您的内联 onclick=... 属性。您可以使用 jQuery 一步分配这些处理程序：

$(document).ready(function() {
   // assign a click handler to all the Update buttons that are
   // within forms within your table element:
   $('#yourTableIdHere form input[type="button"][value="Update"]').click(function() {
       var $myForm = $(this).parent();  // or $(this).closest('form'),
           $myFileInput = $myForm.find('input.testfile'),
           $myHiddenInput = $myForm.find('input[type="hidden"]');
       alert($myFileInput.val());       // alert value of file input
       $myHiddenInput.val("something"); // set value of hidden
   });
});

在点击处理程序中，this 是被点击的按钮，因此您可以从$(this) 导航到父元素以获取对特定按钮所属表单的引用，并且从该表单您可以使用@987654333 @ 选择当前表单中的文件和隐藏输入。