收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1667|回复: 2

请问jquery填写表单提交后,所填信息在本面显示

[复制链接]
发表于 2012-3-23 16:53:27 | 显示全部楼层 |阅读模式

表单填好后,点提交,在上面会显示填写好的信息,如何做,谢谢帮我解答一下。谢谢

 提示:您可以先修改部分代码再运行

发表于 2012-3-23 18:00:45 | 显示全部楼层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function(){
  $("#address_submit_button").click(function(){
      var user_name = $("#user_name").val();
      var mobile = $("#mobile").val();
      $("#show").html("姓名:" + user_name + ",手机:" + mobile);
  })
})
</script>

</head>
<body>
<form id="theForm" name="theForm" onsubmit="add_address()" method="post" action="">
<div id="user_addreeses">            
  <div id="" class="">              
    jackwang,136323d6317        
  </div>
</div>
<div class="consigAddress">
  <ul class="consigRbow">
    <li>姓名:<input type="text" style="width:160px;" name="user_name" value="" size="15" class="address_input" id="user_name"></li>
    <li>手机:<input type="text" style="width:150px;" name="mobile" value="" size="15" class="address_input" id="mobile"></li>
    <li><input type="button" style="background:#666; color:#fff; width:140px; height:28px; border:0px; cursor: pointer " value="提交" id="address_submit_button">
    </li>
  </ul>
</div>
</form>
<div id="show"></div>
</body>
</html>
回复 支持 反对

使用道具 举报

发表于 2012-3-23 18:26:19 | 显示全部楼层
这个。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-14 15:31 , Processed in 0.093515 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表