列出所有表单元素及其属性

时间:2012-03-17 14:10:30

标签: jquery

我想用jquery列出所有表单元素及其属性,我写这段代码,它适用于表单中的元素索引0,但对于其他元素页面将刷新和...! 这是我的代码:

$(document).ready(function(){
   $("form#registerForm").submit(function(){
        var allInputs = $("form#registerForm :input");
        $.each(allInputs, function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
    return false;
    });
});

感谢您的帮助:)

1 个答案:

答案 0 :(得分:2)

您的方法很可能发生错误,导致永远无法访问return false语句。

要避免此类问题,请在event.preventDefault()处理程序的开头使用submit

$(document).ready(function(){
   $("form#registerForm").submit(function(event){
        event.preventDefault();
        $(this).find(":input").each(function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            // What do you expect below..?
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
        return false;
    });
});