如何使用JavaScript在表单中输入包含多个文本框的数据并将其显示出来

Question

我正在尝试做一个简单的代码，这个代码接受数据输入到两个文本框（名字和姓氏）广告，用户点击提交按钮，输入数据应显示在屏幕上。 但我只显示第一个输入数据。 为什么？

这是我的代码：

<HTML>
<HEAD>
<TITLE>Forms With JavaScript</TITLE>
</HEAD>

<BODY>
<H1>Forms With JavaScript</H1>

<FORM name=myForm>
Enter your firstname: <INPUT TYPE="text" name="theFirstname"><BR><BR>
Enter your lastname: <INPUT TYPE="text" name="theLastname"><BR><BR>
<INPUT TYPE="submit" VALUE="Process" onclick="PrintFullName()">
</FORM>



<SCRIPT type="text/JavaScript">


function PrintFullName()
{   
    var fname = document.myForm.theFirstname;
    document.write(fname.value);

    var sname = document.myForm.theLastname;
    document.write(sname.value);
}

</SCRIPT>

</BODY>

</HTML>

Answer 1

一旦调用document.write() ， sname就会变为未定义并抛出错误。 您可以通过将功能更改为以下内容来解决此问题：

function PrintFullName()
{   
    var fname = document.myForm.theFirstname;    
    var sname = document.myForm.theLastname;
    document.write(fname.value + " " + sname.value);
}

如何使用JavaScript在表单中输入包含多个文本框的数据并将其显示出来

问题描述

1 个解决方案

解决方案1
2 2014-05-03 20:45:00

如何使用JavaScript在表单中输入包含多个文本框的数据并将其显示出来

问题描述

1 个解决方案

解决方案1 2 2014-05-03 20:45:00

解决方案1
2 2014-05-03 20:45:00