Lặp qua các trường biểu mẫu và hiển thị tất cả các trường biểu mẫu ngoại trừ trường ẩn trong biểu mẫu đó

Question

Có thể cung cấp cho tôi một ví dụ để lặp qua tất cả các trường biểu mẫu và hiển thị các trường đó ngoại trừ các trường ẩn trong biểu mẫu đó.

Pseudo mã:

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

Answer 1

Bạn có thể thử vòng lặp thông qua các lĩnh vực với đoạn mã sau; tuy nhiên, nếu các trường có thuộc tính ẩn, chúng sẽ bị ẩn. Không cần phải áp dụng .show cho các yếu tố đã được hiển thị.

Vòng qua tất cả các lĩnh vực visibile:

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

Cập nhật

// 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(''); 
     }); 
    } 
}); 

Cập nhật 2:

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