js表单提交后，如何获取表单中的数据并显示出来
3个回答
展开全部
表单是用form来填写，在提交前可以获取表单里面的数据。我这里用jquery实现。
<html>
<body>
<form method='post' action=''>
<label for='inputText'>inputText</label>
<input type='text' id='inputText'/>
<br/>
<label for='checkBox1'>checkBox1</label>
<input type='checkbox' id='checkBox1'/>
<br/>
<label for='checkBox2'>checkBox2</label>
<input type='checkbox' id='checkBox2'/>
<!--其他你想填写的表单选项-->
<input type='button' value='提交表单' id='submitBtn'/>
</form>
<script>
$(document).ready(function()
{
$('#submitBtn').click(function(e)
{
/*一系列根据自己的意图判断输入框是否已输入内容并决定是否往下执行*/
//获取表单的系列化数据。这会生成一个A=valueA&B=valueB这种形式的字符串。
var formData = $('form').serialize();
$.post('目标地址',formData,成功/失败回调函数);
e.preventDefault();
});
});
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以通过在提交按钮上绑定点击事件来实现
如下
<scrippt>
function show()
{
var sex=document.getElementById("sex").value;
}
</scrippt>
性别<input id='sex' name='sex'/>
<input type='submit' value='submit' onclick='show()'/>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
保存住表单对象就行了
面向对象编程。
面向对象编程。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
