我可以使用动态ID创建模态吗?

时间:2015-04-17 17:24:42

标签: javascript php html css modal-dialog

我已经尝试了一段时间来创建一个模态窗口,该窗口使用在php中生成的动态ID打开。 id都存储在数据库中,并在需要时调用以创建用户表。

我希望能够点击用户并将所有设置和选项显示在模态窗口中,尽管如上所述,我想要一个模式为用户打开正确的信息,具体取决于哪些用户具有点击了。

我有显示用户的当前代码:

if ($result->num_rows > 0) { echo "
<table class='table table-hover'>
  <tr style='font-size:18px;'>
    <th>Name</th>
    <th>Username</th>
  </tr>"; // output data of each row while($row = $result->fetch_assoc()) { echo "
  <tr style='font-size:16px;'>
    <td><a href=\ "#id=$row[username]\">".$row["name"]."</a>
    </td>
    <td style='color:#3c9bce'>".$row["username"]."</td>
  </tr>"; } echo "</table>"; } else { echo "There are 0 clients in the system matching your search criteria";

我已尝试以下方法让模式打开。

<div id="#id=$row[username]">
  <div class="modal-content">
    <div class="header">
      <h4 style="text-align: center;">Use the map below to select the closest agent to the breakdown</h4>
    </div>
    <div class="copy">
      <p>THIS IS A MODAL</p>
    </div>
    <div class="cf footer">
    </div>
  </div>
  <div class="overlay"></div>
</div>

我是否使用了错误的id作为模态?

1 个答案:

答案 0 :(得分:1)

我认为你可以使用一些jQuery / Ajax来解决这个问题。

$(function() {
     $(document).on("click", "#editData", function () {
     var list = $(this).attr("data-id");
        $('#containerData').html('');  
        $.post("process.php",{list:list},
            function(data){
                $('#containerData').html(data);
             });

         });
     });

并在 process.php

//do whatever you need with the data
$id = $_POST['list'];
echo $id;