如何创建一个模态窗口并在php中的不同页面中打开它

时间:2019-12-19 06:25:39

标签: php html

我的应用程序中需要为“值列表”创建模式窗口,用户可以从中选择值,所选值出现在输入文本字段中。如果我在同一页面中创建模态窗口,这将正常工作。但是我需要在不同页面中使用此值列表,因此可以为该值列表创建此模式窗口并从不同页面中打开它。 我正在使用的用于打开模式窗口的代码是..

<a href="#" data-toggle="modal" data-target="#serviceModal">

模态窗口的代码是....

<div id="serviceModal" class="modal show fade" data-backdrop="static">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <h6 class="modal-title">Title</h6>
      </div>
      <input type="text" value="" name="rowid" id="rowid" style="display:none"/>
      <div class="modal-body pt-1">
        <div class="control-container pt-1">
          <table id="serviceTable" class="table table-sm table-bordered table-hover table-lightfont">
            <thead class="thead-light">
              <tr>
                <th></th>
                <th>Code</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody>
              <?php
              $servicedata=SelectData("table","code,description","","");
              $rownum=0;

              foreach ($servicedata as $servicedata) {
                echo "<tr id=$rownum>
                <td><input type='radio' name='serviceradio' id='serviceradio' value='{$servicedata['code']}'></td>
                <td>{$servicedata['code']}</td>
                <td>{$servicedata['description']}</td>
                </tr>";
                $rownum+=1;
              } ?>
            </tbody>
          </table>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">
          <i class="fa fa-close"></i>
          Cancel
        </button>
        <button type="button" name="selectservice" id="selectservice" class="btn btn-success"> 
    <i class="fa fa-check"></i>
          Select
        </button>
      </div>
    </div>
  </div>
</div>

我想为模态窗口创建单独的页面,并根据需要从其他页面打开此模态窗口。

1 个答案:

答案 0 :(得分:0)

我通过在单独的php页面中创建模式窗口并在包含include语句的主页面中使用该窗口来解决了该问题,并且该文件正在工作。 无论我要使用该模式窗口的哪个页面,我都只需要使用include语句即可。