Fatal编程技术网

将表单数据传递给javascript

javascript html forms

将表单数据传递给javascript,javascript,html,forms,Javascript,Html,Forms,所以我有一个问题，我希望将非常基本的用户输入传递到javascript函数中，以便javascript处理该信息，我实际上只希望传递字符串，但是我只想了解这个概念。下面是我认为你会怎么做，但它不起作用，我不知道为什么。有人能告诉我如何简单而正确地做这件事吗 <body> <form id="frm1"> First name: <input type="text" name="fname">&l

所以我有一个问题，我希望将非常基本的用户输入传递到javascript函数中，以便javascript处理该信息，我实际上只希望传递字符串，但是我只想了解这个概念。下面是我认为你会怎么做，但它不起作用，我不知道为什么。有人能告诉我如何简单而正确地做这件事吗

<body>

<form id="frm1">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br><br>
  <input type="button" onclick="myFunction(fname, lname)" value="Submit">
</form>

<script>
function myFunction(fname, lname) {
  console.log(fname);
  console.log(lname);
}
</script>

</body>
以下是一种可能有帮助的替代方法：

您可以在该链接中看到以下部分代码：

我确保为fname和lname表单输入添加id=设置。这可以帮助我们单独指定要访问哪些输入以供以后使用

此方法用于确定要访问的表单输入。我通过document.querySelector行末尾的.value部分获取输入值，然后将其分配给各个变量fname和lname

然后，您可以访问函数中的各个fname和lname变量。

这可以通过以下步骤完成

通过document.querySelectorAll获取所有输入的DOM值。我没有在每个输入中添加id。相反，我将它们全部选中 选择它们中的每一个并将值分配给变量。 您好，可能是myFunctionthis.form.fname.value，this.form.lname。value@IronMan这是从哪里来的？是的作品 
<html>
<head></head>
<body>
<form id="frm1">
  First name: <input type="text" name="fname" id="fname"><br>
  Last name: <input type="text" name="lname" id="lname"><br><br>
  <input type="button" onclick="myFunction()" value="Submit">
</form>

<script>
function myFunction() {
  let fname = document.querySelector('#fname').value;
  let lname = document.querySelector('#lname').value;
  console.log(fname);
  console.log(lname);
}
</script>
</body>

<form id="frm1">
  First name: <input type="text" name="fname" ><br>
  Last name: <input type="text" name="lname" ><br><br>
  <input type="button" onclick="myFunction()" value="Submit">
</form>

<script>
function myFunction() {
   const inputValues = document.querySelectorAll('#frm1 input')
   const fname = inputValues[0].value;
   const lname = inputValues[1].value;

   console.log(fname, lname);
}
</script>

<form onsubmit="sendData()">
   //input and other structure

   
   <input type="submit" value="Submit">
</form>


<script>
function sendData(){
   //pack all your input value
   //make the ajax call here    
}
</script>