使用javascript返回表單中每個元素的值

Question

有沒有辦法只使用javascript來做到這一點？謝謝！

Answer 1

基本的JavaScript ...

var arr = document.forms[0].elements; 
for (var i = 0; i < arr.length; i++) { 
    var el = arr[i]; 
    // do something with it. 
    console.log(el.value) // or similar 
} 

Answer 2

你可以看看jQuery.serialize()

這還給一個標準的URL編碼字符串。然而好處是它封裝了獲取所有不同類型的表單元素的值。

Answer 3

看一看this。這些人建立了一些只使用純JS並序列化表單的東西。

Answer 4

該函數返回與關聯數組中相同的所有表單元素。它還返回所選多個輸入元素的所有值。

 function getFormVals(form) { 
      var values = []; 
      for(var i = 0, len = form.elements.length; i < len; i++) { 
       var input = form.elements[i]; 
       switch (input.type.toLowerCase()) { 
        case "checkbox": 
         values[input.name] = values[input.name] || []; 
         if (input.checked) { 
          values[input.name].push(input.value); 
         } 
         break; 
        case "radio": 
         values[input.name] = values[input.name] || ""; 
         if (input.checked) { 
          values[input.name] = input.value; 
         } 
         break; 
        case "select-multiple": 
         values[input.name] = values[input.name] || []; 
         for (var i = 0, len = input.length; i < len; i++) { 
          if (input[i].selected) { 
           values[input.name].push(input[i].value); 
          } 
         } 
         break; 
        default: 
         values[input.name] = input.value; 
         break; 
       } 
      } 
      return values; 
     } 

用法可能是：

<form onsubmit="var vals = getFormVals(this); alert(vals['myinput']);" > 
    <input type="checkbox" name="myinput" value="ckbx1" /> 
    <input type="checkbox" name="myinput" value="ckbx2" /> 
    <input type="submit" /> 
</form>