2015-06-21 285 views
33

我只是在尋找一種方法來<form>獲取所有值如何從HTML表單中獲取鍵/值數據集

我在網上搜索了一段時間,徘徊在FormData之間,這看起來相當我正在尋找。

但是它的API在任何瀏覽器上都是not available,所以我需要一個替代方案。


我在我的具體情況下需要的是鍵/值對的對象。例如:

<form> 
    <input type="text" name="firstname" value="John" /> 
    <input type="text" name="surname" value="doe" /> 
    <input type="email" name="email" value="" /> 
    <input type="radio" name="gender" value="male" /> 
    <input type="radio" name="gender" value="female" /> 
</form> 

的對象應該是:

{ 
    firstname: "John", 
    surname: "doe", 
    email: "", 
    gender: "" 
} 

編輯:以上僅僅是一個例子,它應該工作不僅<input>而且與其它標籤(例如<select><textarea>等等......即使支持<input type="file">)。

+4

當你說「even' 應該被支持」時,你期望輸出什麼?你是否期望一個潛在的大文件的全部內容被串行化爲一個字符串?你期待可以用來讀取文件的引用對象嗎?你是否期待字段的實際價值(這只是文件的清理名稱)? – zzzzBov

+1

此外,您的預期輸出無法解釋具有相同名稱的多個表單元素或使用'