javascript - 使用 JQuery 处理表单中的每个表单字段

Question

我有很多基于表格的问题。我不知道标题适合与否。我创建了一个 JSP 页面并包含一个表单。它有许多字段，如输入、选择、文本区域。

首先是我想使用 JQuery 计算表单中的字段数。我尝试了以下。

var ln=$("#fileUpload").find('input,select,textarea').length;
alert(ln);

该表单有一个选择框、3 个输入字段和一个文本区域。但它给出的是0，而不是5。（#fileUpload是我要提交的表单 ID）如何获取确切的字段数？

接下来是，我想获取表单中的每个元素并找到一些属性值。例如，我想获取每个元素的名称或 id 属性。

score 1 · Accepted Answer

我建议使用 each() 函数：

$("#fileUpload input,select,textarea").each(function(){
    console.log(this);
}

顺便说一句：不要使用警报，而是使用 console.log() ;)

score 0 · Accepted Answer

您需要确保在启动 js 脚本之前加载表单。为此，请将其包装在准备好的文档中，如下所示：

$(function () {
    var ln = $('#fileUpload').find('input, select, textarea').length;
    alert(ln);
});

score 0 · Accepted Answer

你的代码应该没有问题

检查您是否已添加jquery并attribute在您的form id="fileUpload"then 检查中添加

另外，请检查您是否没有任何其他具有 idfileUpload 的元素input type="file"

在您的页面<form id='fileUpload' ... > 中必须是唯一的

3 回答 3