如何将表单中的值保存到变量

时间:2017-05-02 11:35:29

标签: javascript html

我想将表单中输入的值保存到变量中。例如,这个例子。

<form action="test3" method="POST">
      Activity name: <input type="text" name="fname" id='nm'><br>
      input1: <input type="text" name="input1" id='in1'><br>
      input2: <input type="text" name="input2" id='in2'><br>
      output1: <input type="text" name="output1" id='out1'><br>
      output2: <input type="text" name="output2" id='out2'><br>
      <input type="submit" value="Submit">
    </form>
    var valname=document.getElementById("nm").value;
    var valin1=document.getElementById("in1").value;
    var valin2=document.getElementById("in2").value;
    var valout1=document.getElementById("out1").value;
    var valout2=document.getElementById("out2").value;

现在,我如何获得一般变量的值:var valeur = valin1;

1 个答案:

答案 0 :(得分:2)

您可以使用FormData

var form = document.querySelector('form'); var data = new FormData(form);

最好不要在表格中添加ID getById,就像在页面上有多个表单一样,这无法解决问题。

Mozilla API Docs