转账问题时如何获取信息

转账问题时如何获取信息

老师能不能用代码讲解一下,如何在点击转账的时候把用户ID传给模态框,以及如何获取到收款人和转账金额的值,页面都遍历过了!

 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <form class="form-inline" action="select.php" method="post" enctype="multipart/form-data">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">转账</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                          收款人:
                          <select class="form-control">
                            <?php foreach ($rows as $row):?>
                            <option value="<?php echo $row['id'];?>"><?php echo $row['name'] ?></option>
                            <?php endforeach ?>
                          </select>
                        </p>
                        <br />
                        <p>转账金额:<input type="text" class="form-control" id="exampleInputEmail1" name="trans_money" placeholder="请输入数字"></p>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary" name="submit" id="submit" onclick="show(this)">确认转账</button>
                        <button type="reset" class="btn btn-default">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

万分感谢!

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,通过js获取信息,代码如下:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <form class="form-inline" action="select.php" method="post" enctype="multipart/form-data">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">转账</h4>
                </div>
                <div class="modal-body">
                    <p>
                        收款人:
                        <select name="id" id='transfer-person' class="form-control">
                            <?php foreach ($data as $row):?>
                                <option value="<?php echo $row['id'];?>"><?php echo $row['name'] ?></option>
                            <?php endforeach ?>
                        </select>
                    </p>
                    <br />
                    <p>转账金额:<input type="text" class="form-control" id="exampleInputEmail1" name="trans_money" placeholder="请输入数字"></p>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary" name="submit" id="submit" onclick="show(this)">确认转账</button>
                    <button type="reset" class="btn btn-default">重置</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    $("#exampleModal").modal("hide");
    $('#myModal').on('show.bs.modal', function (event) {
     // relatedTarget 事件属性返回与事件的目标节点相关的节点。
         var a = $(event.relatedTarget) 
         var userName = a.context.dataset.user;
         var modal = $(this);
         //获取select option value值
        // console.log(userName);
        $("#transfer-person").each(function(){
            $('#transfer-person').val(userName);
        });
    });
</script>

祝学习愉快!

  • 慕运维1594908 提问者 #1
    老师 JQUERY的代码完全看不懂,还是用JS的吧
    2019-08-04 22:44:44
  • 慕运维1594908 提问者 #2
    老师 JQUERY的代码完全看不懂,还是用JS的吧
    2019-08-04 22:45:19
  • 好帮手慕小尤 回复 提问者 慕运维1594908 #3
    同学你好,show.bs.modal是bootstrap前端框架中的触发该事件,可以直接使用。同学想要使用js原生实现,可以获取转账时的id然后去下拉框中进行匹配(想要循环完成)。祝学习愉快!
    2019-08-05 10:13:13
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师