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(){})里面了。

猜你喜欢

转载自blog.csdn.net/shuoshuo_12345/article/details/106378537
今日推荐