获取HTML表中的ROW ID以在模态jQuery中使用; PHP

时间:2015-11-01 20:21:48

标签: javascript php jquery mysql ajax

所以这次我有一个HTML表格,当我点击位于标签中的锚点时,它会打开一个模态,我们可以在其中更改用户密码。

但要更新users表中的密码,我需要获取ID。我的问题是,如何在模态中获取行ID /用户ID。

我的表是通过for:

创建的
for ($i = 0; $i < $size; $i++) {
print ("
<tr>
<td>".$Users[$i][0]."</td>
<td>".$Users[$i][1]."</td>
<td>*****</td>
<td><a data-modal-id='delete' href='#' >Change PW</a></td>
</tr>
<tr>");
}

因此,当我单击锚点时,模态打开,我可以设法让模态工作。我需要的是以某种方式获取ID来构建SQL查询以更新密码。

模态:           

      <header>
        <h3>Alterar Password</h3>
      </header>

      <div class="modal-body">

        <form action="" method="POST" id="changepw" name="changepw">            
            <label>Nova Password:</label><br/>
            <input class="textbox" type="password" name="newpassword" id="newpassword" /> <br/>

            <input class="btnSubmit" type="submit" name="changepwSub" id="changepwSub" form="changepw" value="Alterar Password" />          
        </form>         
      </div>

      <footer>
        <a href="#" class="js-modal-close"><input class="btnSubmit" type="button" value="Fechar" style="max-width:100px;" /></a>
      </footer>

      <?php

       //The PHP Code to Update it will be here.
        $query = "UPDATE auth SET password=xxx WHERE ID="

       ?>  
    </div>

1 个答案:

答案 0 :(得分:0)

您只需要3个步骤:

  1. 根据评论中的建议,将用户ID嵌入到锚点/行/单元格的数据集中/链接到点击的任何内容。例如。 <a data-modal-id='delete' data-modal-userid='user_id' href='#' >Change PW</a>
  2. 修改生成模式的脚本以读取该数据并添加隐藏的表单字段。例如。 '<input type="hidden" name="userid" value="' + event.target.dataset.modalUserid + '" />&#39;
  3. 在PHP脚本中,只需检索该额外字段即可填写SQL查询。
  4. 我希望这是一种具有适当凭据和安全性的管理板。您可能需要在服务器端检查用户是否有凭据来修改具有该给定ID的用户的记录,因为任何人都可以传递假身份证并修改其他人的记录。