0

我有一个带有显示/隐藏输入框元素的表单。当我提交表单时,页面会刷新并返回默认状态,除了第一个输入框外,其他所有输入框都隐藏了。我想要的是保持提交前显示的所有框在提交后仍然可见。这可能吗?

function show(id){

 if (document.getElementById(id+"-link").style.display=="none") {
    document.getElementById(id+"-link").style.display="block";
    document.getElementById(id+"-input").style.display="block";
  }
}

 <html>
  <form action='form.html' method='POST'>
    <table>
      <tr>
         <td><input type="text" id="a1" name="em_1"></td>
         <td><a href="#null" onclick="show('b1')">and</a></td>
      </tr><tr>
         <td><input type="text" id="b1-input" name="em_2" style="display:none"></td>
         <td><a href="#null" style="display:none" id="b1-link"
              onclick="show('c1')">and</a></td>   
       </tr><tr>
          <td><input type="text" id="c1-input" name="em_3" style="display:none"></td>
          <td><a href="#null" style="display:none" id="c1-link"
               onclick="show('d1')">and</a></td>
       </tr><tr>
       <tr>
          <td><input type='submit' name='submit'></td>
       </tr>
    </table>
  </form>
</html>
4

0 回答 0