如何使用javascript从表单中获取信息？_Javascript_Html

如何使用javascript从表单中获取信息？

javascript html

如何使用javascript从表单中获取信息？,javascript,html,Javascript,Html,我有一个表单，用户可以输入一些数据，可以是复选框、单选按钮、文本字段等当用户单击submit按钮时，我想用输入的任何数据刷新页面 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> </head> <body

我有一个表单，用户可以输入一些数据，可以是复选框、单选按钮、文本字段等

当用户单击submit按钮时，我想用输入的任何数据刷新页面

<html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    </head>
<body id="ref">
<form>
    Please enter your name:<input type="text" id="name" />
    Please enter your age:<input type="text" id="age" />
</form>
<input type="button" onclick="c()" value="submit">

<script type="text/javascript">

function c() 
{
    var o = document.getElementById('ref');
    o.innerHTML = '';

    var n = document.createElement('p');
    var nam = document.getElementById('name');
    n.innerHTML = "Your name is: " + nam;
    o.appendChild(n);

    var a = document.createElement('p');
    var ag = document.getElementById('age');
    a.innerHTML = "Your age is: " + ag;
    o.appendChild(a);

    //how do i get the info from the form? because both nam and ag are coming up null

}

</script>
</body>
</html>


请输入您的姓名：
请输入您的年龄：
函数c（）
{
var o=document.getElementById（'ref'）；
o、 innerHTML=''；
var n=document.createElement（'p'）；
var nam=document.getElementById（'name'）；
n、 innerHTML=“您的名字是：”+nam；
o、 儿童（n）；
var a=document.createElement（'p'）；
var ag=document.getElementById（'age'）；
a、 innerHTML=“您的年龄是：”+ag；
o、 儿童（a）；
//我如何从表格中获取信息？因为nam和ag都是空的
}

我猜这不起作用是因为页面刷新后会尝试按id获取元素，而id不再存在。。做这件事的正确方法是什么？？？

我很确定这不仅仅是javascript可以做到的。您需要使用像php这样的服务器端语言。尝试用谷歌搜索php表单，你会得到一些好结果

我敢肯定，单凭javascript是不可行的。您需要使用像php这样的服务器端语言。尝试用谷歌搜索php表单，你会得到一些好结果

您将对象与其属性混淆。在这里，您将获得“年龄”字段的

HTMLInputElement

实例：

但在这里，您使用该对象时，就好像它是一个简单的值：

a.innerHTML = "Your age is: " + ag;

HTMLInputElement

对象有一个

值

字段，可用于：

a.innerHTML = "Your age is: " + ag.value;

另外，这样做会完全破坏页面：

var o = document.getElementById('ref');
o.innerHTML = '';

…因为您已将ID“ref”指定给

主体

元素。完全替换

body

元素完全替换

body

元素，因此不能依赖仅作为该元素的从属元素存在的对象

通常的做法是填充一个元素，然后（可选地）删除不再需要的元素。例如（）：

HTML:

在那里，当按下按钮时，我移除表单并填写“result”div

如果需要（），可以动态添加“result”div：

HTML:

如果将

id

值改为

name

值（），则可以使用更简洁、更自然的语法访问字段：

HTML:

进一步阅读：

（大多数现代浏览器都支持）
（越来越多的人支持）

HTMLInputElement

a.innerHTML = "Your age is: " + ag;

HTMLInputElement

值

a.innerHTML = "Your age is: " + ag.value;

var o = document.getElementById('ref');
o.innerHTML = '';

主体

body

body

id

name

（大多数现代浏览器都支持）
（越来越多的人支持）

 var a = document.createElement('p').value;
 var ag = document.getElementById('age').value;

<form action="processuserinfo.aspx">
...
</form>

...

 var a = document.createElement('p').value;
 var ag = document.getElementById('age').value;

<form action="processuserinfo.aspx">
...
</form>

...

document.theForm.age.value='42'

document.theForm.age

窗口

窗口访问是什么意思？看来我没能取下我的d
 var a = document.createElement('p').value;
 var ag = document.getElementById('age').value;

<form action="processuserinfo.aspx">
...
</form>