bootstrap模态框传值

╰半橙微兮° 2023-02-13 03:52 23阅读 0赞

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

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

<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">×</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>
                
            </div>
            
        </div>

接下来就是传值了：

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

这样就能拿到payNo的值了

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

[20200527115120300.png]: https://img-blog.csdnimg.cn/20200527115120300.png

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 BootStrap模态框

模态框（Modal）是覆盖在父窗体上的子窗体,是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动子窗体可提供信息、交互等通过dat

客官°小女子只卖身不卖艺/ 2023年07月19日 12:28/ 0 赞/ 63 阅读

相关 bootstrap模态框传值

最近遇到了一个模态框传值的问题,走了一些弯路，记录一下我的点击出现模态框的按钮： <button data-toggle="modal" id="myModelf

╰半橙微兮°/ 2023年02月13日 03:52/ 0 赞/ 24 阅读

相关 bootstrap模态框居中

API网址：http://www.runoob.com/bootstrap/bootstrap-button-plugin.html http://v

旧城等待，/ 2022年08月10日 09:28/ 0 赞/ 323 阅读

相关 bootstrap 模态框

我们需要引入bootstrap.min.js 先创建模态框的触发装置： <button class="btn btn-primary btn-lg" data-to

你的名字/ 2022年08月01日 02:50/ 0 赞/ 396 阅读

相关 Bootstrap 模态框（Modal）带参数传值实例

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。为了实现父窗体与其

缺乏、安全感/ 2022年06月10日 13:08/ 0 赞/ 436 阅读

相关 BootStrap（三）模态框

BootStrap（三）模态框模态框作为一个很重要的组件具体使用如下首先模态框的触发可能是一个按钮链接或一个事件 1.以按钮为例标签式触发定

太过爱你忘了你带给我的痛/ 2022年06月07日 09:48/ 0 赞/ 499 阅读

相关 Bootstrap之模态框

前言模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。用法

刺骨的言语ヽ痛彻心扉/ 2022年03月20日 06:58/ 0 赞/ 445 阅读

相关 bootstrap--模态框

复制即可运行. 小模态框 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c

╰半橙微兮°/ 2022年02月21日 07:47/ 0 赞/ 476 阅读

相关 ionic4模态框传值

应用场景 ionic4中自动生成了一个tab格式的项目，命名为home，order，mine，要求在home里面有一个模态框orderdetail，并向模态框中传值。

た入场券/ 2022年02月02日 13:27/ 0 赞/ 220 阅读

相关 bootstrap模态框实例

模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。实例：在这里我...

系统管理员/ 2021年05月03日 15:05/ 0 赞/ 742 阅读