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

Question

我有很多基于表格的问题。我不知道标题是否适合。我创建了一个JSP页面并包含一个表单。它有很多字段，如input，select，textarea。

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

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

表单有一个选择框，3个输入字段和一个textarea。但它提供 0 ，而不是 5 。（ #fileUpload 是我要提交的表单ID） 如何获得确切的字段数？

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

Answer 1

我建议使用each（）函数：

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

顺便说一句：不要使用alert，请改用console.log（）;）

Answer 2

您的代码应该没有问题

检查您是否添加了jquery并在attribute添加form id="fileUpload"然后检查

另外，请检查您是否没有任何其他ID为fileUpload的元素  比如input type="file"

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

小提琴http://jsfiddle.net/qUJZf/

Answer 3

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

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