Html 从文本字段打印信息<；输入>；_Html_Input_Textfield

Html 从文本字段打印信息<；输入>；

html input

Html 从文本字段打印信息<；输入>；,html,input,textfield,Html,Input,Textfield,我有三个文本字段，稍后我将在屏幕上总结它们我尝试使用getelementbyid和getelementsbyname获取输入数据名字：姓氏：单击“试用”以显示全名：试试看函数myFunction（）{ document.getElementById（“demo”）.innerHTML=“嘿，+fname+”+lname； } 名字：姓氏：单击“试用”以显示全名：试试看 var fname=document.getElementById（“fname”）； var ln

我有三个文本字段，稍后我将在屏幕上总结它们

我尝试使用getelementbyid和getelementsbyname获取输入数据


名字：
姓氏：


单击“试用”以显示全名：
试试看

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“嘿，+fname+”+lname；
}


名字：

姓氏：


单击“试用”以显示全名：
试试看

var fname=document.getElementById（“fname”）；
var lname=document.getElementById（“lname”）；
函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“嘿，”+fname.value+“”+lname.value；
}

我不确定您为什么不能让

getElementsByName

工作，但它会起作用：


名字：
姓氏：


单击“试用”以显示全名：
试试看

函数myFunction（）{
var fname=document.getElementsByName（'fname'）[0]。值，
lname=document.getElementsByName（'lname'）[0]。值；
document.getElementById（“demo”）.innerHTML=“嘿，+fname+”+lname；
}

您试图通过ID访问输入，但您没有给输入一个ID，只有名称变量


<!DOCTYPE html>
<html>
<body>
<form id="frm1" >
  First name: <input type="text" name="fname" ><br>
  Last name: <input type="text" name="lname" ><br><br>
  <input type="submit" value="Submit">
</form>

<p>Click "Try it" to show the full name:</p>

<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hey ,"+document.getElementById("frm1").fname.value+ " "+document.getElementById("frm1").lname.value;
}
</script>
</body>
</html>

名字：

姓氏：


单击“试用”以显示全名：
试试看

函数myFunction（）{
document.getElementById（“demo”）.innerHTML=“嘿，”+document.getElementById（“frm1”）.fname.value+“”+document.getElementById（“frm1”）.lname.value；
}

谢谢，就一个愚蠢的问题。这件事能解决吗？我没法回答这个问题。你想说你有一个div而不是一个表单？在这种情况下，将ID放在输入字段中。如下所示：名字：

然后在我的函数中使用各自的idsIt works获取这些字段的值！非常感谢。我如何使用div读取表单？div在这里会有帮助吗？只要使用正确的调用访问元素，就可以处理任何内容。因此，如果DIV具有唯一的ID，则可以使用getElementById访问其值或更改其innerHtml