2015-06-22 72 views
5

任何人都可以爲我提供一個示例來循環顯示所有表單字段,並顯示除窗體中隱藏字段以外的字段。循環顯示錶單字段並顯示除表單字段以外的所有表單字段

僞代碼:

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

我不完全理解。您想循環顯示除隱藏的所有表單字段以外的所有表單字段。將顯示沒有隱藏屬性的字段。也許向我們展示您的數據(表單域)以及它們在頁面上的呈現方式(即靜態HTML,JS/jQuery,AngularJS等)。 – NightOwlPrgmr

+0

假設我有一個Form1的表單。該表格包含以下字段。 – user3742125

回答

1

您可以嘗試通過使用下面的代碼字段循環;但是,如果這些字段具有隱藏屬性,則它們將被隱藏。無需將.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() {(...)}); 
    } 
}); 
+0

假設我有一個表單Form1。該表格包含以下字段。 \t \t <表格ID = 「Form1中」> \t \t \t \t \t \t \t \t \t \t \t 最初這種形式將被隱藏。在我的情況下,每當下拉值更改爲「顯示所有字段」時,應顯示除隱藏 字段之外的所有上述表單字段(ff1,ff2,ff3)。如果它是一個隱藏字段,那麼我需要將其值更改爲空。 – user3742125

+0

@ user3742125查看我更新的答案。 – NightOwlPrgmr

+0

我的表單也包含文本框和下拉列表。所以你可以請相應地修改代碼 – user3742125