js如何获取form表单源码及表单元素状态？
遇到超级复杂的表单需要提交，超过300个元素 

换个思路，干脆整个页面全部入库，仅将需要索引或查询的重要字段作为数据库的列进行入库，其他表单部分包括源码全部入数据库大对象。

页面源代码好获取，但是form表单中各个表单元素的状态就搞不定了，比如input框中输入的值或者select选中哪一个，用jquery返回页面源码根本不会包含表单元素的实际状态。

谁有类似遭遇，能否告知解决方法。
------解决方案--------------------
标准浏览器innerHTML返回的是直接查看源代码得到的，而不是修改过后的，这个IE反倒能通过innerHTML反应修改后的，

select增加value属性后并不能选中option，设置select option的selected属性innerHTML也返回不了selected。。悲剧。。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<form id="f1">

     <input type="text">

     <select multiple id="ss">

         <option value="1">1</option>

         <option value="2">2</option>

         <option value="3">3</option>

         <option value="4">4</option>

     </select>

      

     <select>

         <option value="1">1</option>

         <option value="2">2</option>

         <option value="3">3</option>

         <option value="4">4</option>

     </select>

     <input type="radio" name="r1" value="1"/>

     <input type="radio" name="r1" value="2" />

     <input type="radio" name="r1" value="3" checked />

     <input type="checkbox" value="1"/>

     <input type="checkbox" value="2"/>

     <input type="checkbox" value="3"/>