如何使用JavaScript在表单中使用多个文本框输入数据并显示它
How to input data with more than one text box in a form with JavaScript and get it displayed
我试图做一个简单的代码,这样接受数据输入到两个文本框(姓和名),并在用户单击提交按钮的输入数据应该显示在屏幕上。但是我只显示了第一个输入数据。为什么?
下面是我的代码:<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>
一旦调用document.write()
, sname
变为未定义并抛出错误。您可以通过将函数更改为以下内容来绕过它:
function PrintFullName()
{
var fname = document.myForm.theFirstname;
var sname = document.myForm.theLastname;
document.write(fname.value + " " + sname.value);
}
相关文章:
- 尝试在PHP中回显输入文本时出现未定义的索引错误
- 使用模拟按键在输入框中自动输入文本
- 如何添加类,同时开始在文本字段中输入文本
- JQuery使用相同的功能自动完成各种输入文本
- 如何设置输入文本框jquery的值
- 输入文本框为空时的阻止按钮asp.网络表单
- 基于单选框更新页眉,选中并选择输入文本
- 将输入文本与某个选项的值相匹配并自动选择
- 如何在 JavaScript 中创建输入文本框
- 如何使用纯Javascript观看输入文本框
- 需要使用javascript获取输入文本,然后将其添加到句子中
- php&js-将电子邮件添加到输入文本中
- 动态启用/禁用来自控制器的输入文本
- .val()不返回输入文本
- 从确认框中预填充输入文本框
- 如何使用JavaScript解析输入文本中给定的数据
- 添加/删除/更改输入文本的部分值
- 根据输入文本按元素排序,AngularJS
- 如何将(a*b)两个输入文本值相乘,并在javascript中随文本变化动态显示
- 如何从Tr重复的输入文本中获取值