Skip to main content
 首页 » 编程设计

jquery之循环遍历表单字段并显示该表单中除隐藏字段之外的所有表单字段

2026年07月28日5pengyingh

任何人都可以为我提供一个示例来循环遍历所有表单字段并显示该表单中除隐藏字段之外的其他字段。

伪代码:

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

请您参考如下方法:

您可以尝试使用以下代码循环遍历字段;但是,如果字段具有隐藏属性,它们将被隐藏。无需将 .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() {(...)}); 
    } 
});