js取得表单数据

天步

于 2016-11-21 17:33:20 发布

阅读量472

点赞数

CC 4.0 BY-SA版权

分类专栏： JS JQUERY

本文链接：https://blog.youkuaiyun.com/sn_qmzm521/article/details/53261644

JS 同时被 2 个专栏收录

32 篇文章

订阅专栏

JQUERY

26 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>用新方法document取得FORM中的元素的value</title>
<script>
function sub()
{
var name = document.forms['theForm'].elements['name'].value;
var sex = document.forms['theForm'].elements['sex'].value;
alert(name);
alert(sex);
if(sex == 0){
return false;//是否提交false不提交true提交
}else{
return true;//是否提交false不提交true提交
}
}
</script>
</head>
<body>
<form action="" method="POST" name="theForm" onSubmit="return sub()">
<p>
姓名:<input type="text" name="name" value="" />
</p>
<p> 性别：
<select name="sex">
<option value="0">男
<option value="1">女
</select>
</p>
<p>
<input type="submit" value="Submit">
</p>
</form>
</body>
</html>