bootstrap模态框传值

最近遇到了一个模态框传值的问题,走了一些弯路,记录一下

我的点击出现模态框的按钮:

<button data-toggle="modal" id="myModelfrom" data-target="#myModal" onclick="Values('${u.payOrderNo}')">点击</button>

我的模态框:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">信息</h4>
                </div>
                <div class="modal-body">
                    <form action="#" method="post" id="MyModalForm">
                        <div class="form-group">
                            <input type="text" class="form-control" id="invoiceNumber"
                                name="invoiceNumber" placeholder="请输入号码"> <input
                                type="hidden" name="orderNos" id="orderNos" /> <input
                                type="hidden" name="payNo" id="payNo" /> <input type="hidden"
                                name="page" id="page" value="payment" /> <input type="hidden"
                                name="invoiceSystem" id="invoiceSystem" />
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal"
                        id="flatAndOpenInvoice">确认</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal"
                        aria-hidden="true">取消</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>

接下来就是传值了:

$("#myModal").modal("hide");
    function Values(obj){
        $("#payNo").val(obj);
    } 

这样就能拿到payNo的值了

我刚开始用这个一直报错:搜百度网上好多人都说是先引入jquery后引入bootstrap的问题但是我的本来就是先引入的jquery.摸索了很久原来是我把$("#myModal").modal("hide");这就话放在了$(function(){})里面了。所以总结$("#myModal").modal("hide");不要放在jquery的$(function(){})里面了。

  • 2
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值