如何獲取隱藏的字段數組值？

我有形式如何獲取隱藏的字段數組值？

<input type="hidden" class="mail-contacts" name="to[]" value="abc1"> 
<input type="hidden" class="mail-contacts" name="to[]" value="abc2"> 
<input type="hidden" class="mail-contacts" name="to[]" value="abc3">

隱藏域的數目可以針對不同的情況不同的多個隱藏字段。我怎樣才能得到這些隱藏領域的價值？由於這是一個數組所以不能跟

document.getElementById('')

我需要讓這些隱藏字段的值，然後把它作爲查詢參數得到它。請幫助我。我怎樣才能做到這一點？

來源

2013-07-23 Faraz Aleem

親愛的請閱讀你的問題描述 – Hushme

'document.getElementsByNam e'（https://developer.mozilla.org/en-US/docs/Web/API/document.getElementsByName） –

請修改說明。 – madLokesh

document.getElementsByName("hiddenfieldsname")

使用上述功能，該返回西港島線，你的元素的數組同名

來源

2013-07-23 05:44:53

你可以做這樣的事情：

var array = getElementsByClassName("mail-contacts"); 
for(i = 0; i < array.length; i++) { 
    array[i] 
}

來源

2013-07-23 05:47:36 Eschon

我想象這樣的事情應該工作...

var values = [], 
    inputs = document.querySelectorAll('input[type="hidden"].mail-contacts'); 

for (var i = 0; i < inputs.length; i++) { 
    values.push(inputs[i].value); 
}

您可以使用任何種類的查詢選擇器。舉例來說，如果你想與名稱的所有隱藏的輸入to[]

var searchName = 'to[]'; 

inputs = document.querySelectorAll('input[type="hidden"][name="' + searchName + '"]');

來源

2013-07-23 05:48:38 Phil

的jQuery：

<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'> 
<script type='text/javascript'> 
    var lst_to = []; 
    $("input:hidden.mail-contacts").each(function() { 
     lst_to.push($(this).val()); 
    }); 
    var str_query = "?to=" + lst_to.join(); 
</script>

jsFiddle

來源

2013-07-23 08:10:31 Stefan

如果您正在使用jQuery，試試這個：

var arrayValues = $('input:hidden.mail-contacts').map(function(){ 
         return $(this).val() 
        }).get();

來源

2015-10-27 10:03:36

如何獲取隱藏的字段數組值？

回答

相關問題