jquery - 遍历表单字段并显示除该表单中的隐藏字段以外的所有表单字段

任何人都可以给我提供一个示例，以遍历所有表单字段并显示该表单中隐藏字段以外的那些字段。

伪代码：

for(i=0;i<formFields.length;i++)
{
if(formFields[i]!= 'hidden field')
then formFields[i].show();
}

最佳答案

您可以尝试使用以下代码遍历各个字段；但是，如果字段具有hidden属性，则它们将被隐藏。无需将.show应用于已经显示的元素。

遍历所有可见字段：

$("#Form1 :input").not(':button, :hidden').each(function() {
    // do whatever with the fields here
});

更新资料

// show form, clear hidden values
$(".dropdown").on('change', function() {
    if ($(this).val() == "Show all fields") {
        $("#Form1").show();
        $("#Form1 :input").is(':hidden').each(function() {
            $(this).val('');
        });
    }
});

更新2：

$(".dropdown").on('change', function() {
    if ($(this).val() == "Show all fields") {
        $("#Form1").show();
        $('#Form1 *').filter(':input').each(function() {(...)});
    }
});