HTML如何把表单数据传递到javascript内

JavaScript019

HTML如何把表单数据传递到javascript内,第1张

javascript获取html表单中的数据不需要提交即可获取。提交表单是方便服务器端获取前台数据。

你的内容可以这么改：

<form action="b.html" method="post">

<input type="text" name="wenben" id="info">

</form>

<script language="javascript">

var a

a=document.getElementById("info").value

</script>

如果想要验证是否已经取到这个值，可以加上一个按钮测试一下：

<form action="b.html" method="post">

<input type="text" name="wenben" id="info">

</form>

<button id="bt">点击测试</button>

<script language="javascript">

var bt = document.getElementById("bt")

bt.onclick = function() {

var a = document.getElementById("info").value

alert(a)

}

</script>

希望对你有帮助^_^

大段的javascript代码最好放在 <head>标签里 像自己定义的函数和类~

要获得表单内容首先要给表单一个id

然后在js里

var v=getdocument.getElementById("id")

var b=v.value

这个时候b就是你表单的value属性的值~

你可以在一个javascript方法中直接

b="111111"

这样修改表单里的数据

给你个简单的例子：

<%@ page contentType="text/htmlcharset=gb2312"%>

<html>

<head>

<title>test</title>

</head>

<script>

function check(){

var dynamic_node = document.getElementById("name").value

alert(dynamic_node)

}

</script>

<body >

<form name = "form1"method = "post" action = "">

<table border="0" bgcolor="" align="center" cellspacing="1"

cellpadding="1">

<tr>

<td>表单名:<input type="text" name="name" value="传值"></td>

</tr>

<tr>

<br>

<td colspan="2" align="center"><input type="button" name="finish"

value="提交" onclick="check()">

</tr>

</table>

</form>

</body>

</html>