X-editable:如何获取每行的id,以便更新单个成员
X-editable: How to get id of each row so I can update individual members?
以下是我的代码的相关部分。我使用mysql查询来获取所有信息并将其显示在表中。当前该表显示所有用户的信息,可编辑。我想让它只显示用户ID,用户名,。。。,还有一个我可以点击的按钮,它会把我带到一个页面,在那里我可以更新所有个人用户的信息。每一行都有一个可以点击的按钮
<td data-th="ID">'.$fetch['userID'].'</td>
<td class="userInfo" data-th="Username"id="'.$fetch['userID'].'"key="username">'.$fetch['username'].'</td>
<td class="userInfo" data-th="End" id="'.$fetch['userID'].'" key="end_date">'.$fetch['end_date'].'</td>
每一行都有这个按钮。我希望能够点击它,让它把我带到另一个页面,在那里它列出了个人用户的信息,这样它就可以更新了。我不知道该怎么做。如何传递要更新的用户所在行的userID?
<td> <a href="updatemember.php" class="btn btn-secondary btn-lg" role="button">Link</a> </td>
javascript
jQuery(document).ready(function() {
$.fn.editable.defaults.mode = 'popup';
$('.userInfo').editable();
$(document).on('click','.editable-submit',function() {
var col = $(this).closest('.editable-container').prev().attr('key');
var x = $(this).closest('.editable-container').prev().attr('id');
var y = $('.input-sm').val();
var z = $(this).closest('.editable-container').prev().text(y);
$.ajax( {
url: "process.php?id="+x+"&data="+y+'&col='+col,
type: 'GET',
success: function(s){
if(s == 'status') {
$(z).html(y);
}
if(s == 'error') {
alert('Error.');
}
},
error: function(e){
alert('Error.');
}
});
});
});
更新每行的代码
$col=$_GET['col'];
$id = $_GET['id'];
$data = $_GET['data'];
$pbr = $conn->prepare("UPDATE `loginInfo` l
INNER JOIN `memberInfo` AS m
ON l.userID = m.UserID
SET $col = '$data'
WHERE m.userID = ?");
$pbr->bind_param("i", $id);
$pbr->execute();
最短的方法是将当前记录的id存储在标记id中。在php代码中,当您输出表时:echo "<a href='...' id='$id' .....>"
。在jQuery中,您可以通过onClick处理程序中的id = $(this).attr("id")
获取它。
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- difference between '$(<%= DDL.ID %>) & $('
- 使用Javascript获取所选选项ID
- 根据id将json数组组合为一个json数组
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 对id以某个字符串开头的元素进行计数
- 如果元素's的ID以数字开头
- 通过id和class属性获取元素
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 使用当前日期生成随机id
- Javascript-ID冲突的几率
- Href:当前DIV中的目标ID
- 无法获取属性'Id'使用Knockout.js的未定义或空引用API
- Javascript复选框函数:;缺少:在属性id之后"
- 无法读取属性id成员路由
- X-editable:如何获取每行的id,以便更新单个成员
- 如何获取当前/选定的id与链接到成员中的助手
- 创建一个不使用实例id的私有成员
- Trello API:如何获取组织或成员的董事会id
- HTML id标签与数组成员冲突