鱼C论坛

 找回密码
 立即注册
查看: 3589|回复: 3

[已解决]怎样才能从表单里获取数据然后在同一页面的其他地方显示出来?

[复制链接]
头像被屏蔽
发表于 2017-11-5 13:41:48 | 显示全部楼层 |阅读模式
提示: 作者被禁止或删除 内容自动屏蔽
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-11-5 19:51:44 | 显示全部楼层
最简单的就是jquery

找到表单中的目标元素,最简单利用
  1. $('#表单id td').click(function (){
  2.             var content = $(this).text();
  3.             alert(content);
  4.         })
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

头像被屏蔽
 楼主| 发表于 2017-11-5 20:03:14 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-11-12 14:00:16 | 显示全部楼层    本楼为最佳答案   
1.在点击事件中获取表单中的数值;
2.将数值分别放入弹出框中的<p>标签中;
代码如下:
      <div class="pop-content-right">
                <p>乘车站:<span></span></p>
                <p>目的站:<span></span></p>
                <p>购票张数:<span></span></p>
      </div>
<script>
        $(function() {
            $('.bgPop,.pop').hide();
            $('#click_pop').click(function() {
                var qidian = $('#qidian').val();
                var zhongdian = $('#zhongdian').val();
                var shuliang = $('#shuliang').val();
                $('.pop-content-right > p:eq(0) > span').html(qidian);
                $('.pop-content-right > p:eq(1) > span').html(zhongdian);
                $('.pop-content-right > p:eq(2) > span').html(shuliang);
                $('.bgPop,.pop').show();
            })
        })
</script>
大概思路就是这样,不知道是不是你想要的效果
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-4-25 15:32

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

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