将值从 php 生成的表传递到模态

Question

我得到了一个用PHP生成的表：

<tbody>
<?php
$results = DB::select()->from('users')->execute();
foreach ($results as $user) {
echo "<tr id='".$user['id']."'>
<input type="hidden" id='userNameHidden' value='".$user['username']."'>
<input type="hidden" id='userEmailHidden' value='".$user['email']."'>
<td class='username'>".$user['username']."</td><td class='email'>".$user['email']."</td><td class='lastlogin'>".date('d/m/Y',$user['last_login'])."</td><td class='logins'>".$user['logins']."</td><td><a class='editThis'><i class="small material-icons">mode_edit</i></a> <a href='#deleteUser' class='deleteThis'><i class="small material-icons">delete</i></a> </td></tr>";
}
?>

我的问题是，如何使编辑/删除按钮在同一站点上打开的模式上工作？我只想在模态上将值从<td>传递到<input type="text">。

Answer 1

您可以使用GET或POST方法将其发送到另一个php文件，然后在那里使用它们。如果你想在同一页面上工作，你可以通过JavaScript获得它：

var value = document.getElementById ( "userNameHidden" ).innerText;

然后：

document.getElementById ( "inputid" ).value = value;

如果您想创建一个登录系统，请务必使用 POST 或 GET(不推荐(来传递值。

如果您希望通过单击按钮来实现它。您可以制作一个功能和一个按钮来配合它：

<button onclick="delete()">Delete</button>

和 js：

function delete(){
var value = document.getElementById ( "userNameHidden" ).innerText;
document.getElementById ( "inputid" ).value = value;
}