Javascript 如何将表单中的数据发送到类并将其可视化？_Javascript_Html

Javascript 如何将表单中的数据发送到类并将其可视化？

javascript html

Javascript 如何将表单中的数据发送到类并将其可视化？,javascript,html,Javascript,Html,我需要传递从表单收集的一些数据，并将其传递给类并将其可视化，我在发送数据时遇到问题，因为我无法提取数据 F1类{ 构造函数（num、clien、direc、nife、nifd、div、sub、iva）{ this.num=num this.clien=clien this.direc=direc this.nife=nife this.nifd=nifd this.div=div this.sub=sub this.iva=iva } } 号码：克莱恩：迪雷克： NIFe： NI

我需要传递从表单收集的一些数据，并将其传递给类并将其可视化，我在发送数据时遇到问题，因为我无法提取数据

F1类{
构造函数（num、clien、direc、nife、nifd、div、sub、iva）{
this.num=num
this.clien=clien
this.direc=direc
this.nife=nife
this.nifd=nifd
this.div=div
this.sub=sub
this.iva=iva
}
}


号码：



克莱恩：



迪雷克：



NIFe：



NIFd：



分区：



附属的：



iva：

如果我理解您的问题，您可以尝试以下代码：

我用塞特和盖特；文件格式。有关更多信息，请阅读：

学校：

您可以尝试其他信息的另一个链接是：

HTML

<!DOCTYPE html>
<html>

<body>
  <form name="formu" id="formu" action="" onsubmit="return myFunction2()" method="post">
    num:
    <input type="text" name="num" value=""><br><br>
    clien:
    <input type="text" name="clien" value=""><br><br>
    direc:
    <input type="text" name="direc" value=""><br><br>
    NIFe:
    <input type="text" name="nife" value=""><br><br>
    NIFd:
    <input type="text" name="nifd" value=""><br><br>
    div:
    <input type="text" name="div" value=""><br><br>
    sub:
    <input type="text" name="sub" value=""><br><br>
    iva:
    <input type="text" name="iva" value=""><br><br>
    <input type="submit" value="Enviar">
  </form>
</body>

</html>


号码：



克莱恩：



迪雷克：



NIFe：



NIFd：



分区：



附属的：



iva：

代码片段


形式
//对象用户输入
var userInput={
数字：“，
克莱恩：“，
迪雷克：“，
尼菲：“，
nifd:“，
分区：“，
分包商：“，
iva:“，
//方法集
设置setNum（num）{
this.num=num；
},
设置setClien（clien）{
this.clien=clien；
},
设置setDirec（direc）{
this.direc=direc；
},
设定设定值（nife）{
this.nife=nife；
},
设置设置nifd（nifd）{
这个.nifd=nifd；
},
设置setDiv（div）{
this.div=div；
},
设置集控器（分控器）{
这个.sub=sub；
},
设置setIva（iva）{
这个。iva=iva；
},
//方法获取
获取getNum（）{
返回这个.num；
},
获取getClien（）{
返回此.clien；
},
获取getDirec（）{
返回此.direc；
},
获取getNife（）{
返回此.nife；
},
获取getNifd（）{
返回此.nifd；
},
获取getDiv（）{
返回此.div；
},
获取getSub（）{
返回此.sub；
},
获取getIva（）{
返回此.iva；
}
};
函数myFunction2（）{
const myForm=document.forms[“formu”]；//form
//将用户值放入object UserInput
userInput.setNum=myForm[“num”].value；
userInput.setClien=myForm[“clien”].value；
userInput.setDirec=myForm[“direc”].value；
//等等。。。
//打印userInput对象中存在的值
log（userInput.getNum）；
log（userInput.getClien）；
log（userInput.getDirec）；
返回false；
}
号码：



克莱恩：



迪雷克：



NIFe：



NIFd：



分区：



附属的：



iva：

“可视化它们”-什么是可视化它们，只是显示输入的值？。“我捡不起来”-为什么？获取输入值有什么问题？@kezer让我随时更新。。。如果我的答案是helpful@lucifer63我无法收集数据，因为它不是从表单发送到类的，从这里可以看到屏幕上的数据（不是console.log），作为最终结果，我需要看到发票的数据（地址、客户、号码等）@Ferdinando yes，感谢您的帮助helpful@kezer不客气：）。。如果答案对你有帮助，你可以投票……有一个标志……@kezer如果你想要更多信息，你可以发布它们，我希望回答你的问题。。。

<!DOCTYPE html>
<html>

<body>
  <form name="formu" id="formu" action="" onsubmit="return myFunction2()" method="post">
    num:
    <input type="text" name="num" value=""><br><br>
    clien:
    <input type="text" name="clien" value=""><br><br>
    direc:
    <input type="text" name="direc" value=""><br><br>
    NIFe:
    <input type="text" name="nife" value=""><br><br>
    NIFd:
    <input type="text" name="nifd" value=""><br><br>
    div:
    <input type="text" name="div" value=""><br><br>
    sub:
    <input type="text" name="sub" value=""><br><br>
    iva:
    <input type="text" name="iva" value=""><br><br>
    <input type="submit" value="Enviar">
  </form>
</body>

</html>