JavaScript将按钮值传递给模态

时间:2018-11-04 06:35:59

标签: javascript php laravel-5

我正带着这个沮丧地转转。似乎应该很简单(可能是您知道如何做的。)

我有一个按钮,该按钮调用一个模式,该模式加载另一个页面作为其内容。如果我对要加载的URL进行硬编码,则可以使用模式,但是我想从按钮中传递一个值(记录ID)以在URL中使用,以便加载的页面与该按钮以及页面中的其他按钮相对应根据传递的值加载不同的页面。

按钮代码如下:

<button 
        type="button" 
        class="btn btn-xs btn-info"  
        data-target="#newModal-p"
        onClick="$('#newModal-p').modal()">
        <span class="glyphicon glyphicon-pencil"></span>
          Edit
        </button>

<!-- Modal -->
        <div id="newModal-p" class="modal fade" role="dialog">
        <div class="vertical-alignment-helper" style="width:50%">
        <div class="modal-dialog">

<!-- Modal content-->
        <div class="modal-content">
             <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h2 class="modal-title">Edit Personal Asset</h2>
             </div>
             <div class="modal-body">
                  <div id="editPage-p"></div>
             </div>
             <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
             </div>
         </div>

         </div>
         </div>
         </div>

    <script>
            var persEditPath = {!! json_encode($modal_edit_pers) !!};

                    $("#newModal-p").on('show.bs.modal', function () {
                    // load the edit form with ajax request here and place into Modal DIV
                    $('#editPage-p').load( persEditPath);

                    });
    </script>

$modal_edit_pers变量是“ http://localhost:8080/MySite/public/admin/personal_assets/11/modal_edit”的地方

在PHP中构建记录ID(在路径中为“ 11”)时,我想将其编码为值参数,以便单击按钮时可以将其获取并将其连接到URL字符串中,调用时加载。

我已经用从这里和其他地方的搜索找到的可能解决方案重写了大约五次,但是不能一直到我需要的模式on(show)的JavaScript事件中获得该值。它。

这是在Win10中的XAMPP中运行的Laravel 5.5应用程序

任何人和所有建议都将受到欢迎。

0 个答案:

没有答案