在一个页面固定位置做可以翻页的调查问卷

Question

在页面的局部一个位置做问卷调查，可是有翻页，怎么保存刚做过的答案与做出页面内下翻呢？

Answer 1

好像有很多种方法可以实现呀！
比较常用的用ajax

Answer 2

每頁都寫在一個 DIV內，剛開始只顯示第一頁的DIV，下一頁就顯示第二個DIV，隱藏第一個DIV，以此類推

Answer 3

怎么在form中嵌套div来判断显示呢。能贴出来段例子，好有个思路模仿。谢谢了

Answer 4

<form>
   <div id="formDiv">
    <div id="page1" data-number=1 style="display:none;">
         <select>...</select>
    </div>
    <div id="page2" data-number=2 style="display:block;">
         <select></select>
    </div>
  </div>
    <script type="text/javascript">
          var ajax = new XMLHttpRequest;
          var pageNumber=2; // 这个pageNumber换成函数的参数最好
          ajax.open( 'GET', 'page.php?n='+ pageNumber ); // 获取下一页
          ajax.onreadystatechange = function()
                           {
                               if( ajax.readyState==4 && ajax.status==200){
                                   // 看你返回的数据是什么 ，JSON还是HTML格式，想办法放进去。
                                   // 举例是HTML格式
                                   var newPage = document.createElement('div');
                                    // 放到id=form的大div里去 可以用setAttribute()写属性
                                   document.getElementById('formDiv').appenChild( newPage);                                  newPage.innerHTML = ajax.responseText; // 把返回的HTML数据放入
                                  // 然后再 EleObject.style.display = "none";
                              }
                           }
          ajax.send();
    </script>
<form>
感觉我这么写肯定绕了弯路才这样，嵌入元素的方法很多 insertBefore()