如何使用javascript获取表格行中的单元格值?
我想得到表中一行中的所有单元格值。但我在这里写的只是为了得到表中第一行的单元格。我想通过选定的行获取单元格值。谢谢你,请帮忙如何使用javascript获取表格行中的单元格值?,javascript,jquery,html,mysql,ajax,Javascript,Jquery,Html,Mysql,Ajax,我想得到表中一行中的所有单元格值。但我在这里写的只是为了得到表中第一行的单元格。我想通过选定的行获取单元格值。谢谢你,请帮忙 var updateUser = function(e) { var nRow = $(this).parents('tr')[1]; var jqTds = $('input', nRow); var id = jqTds[1].value; var name = jqTds[2].value; var address = jq
var updateUser = function(e) {
var nRow = $(this).parents('tr')[1];
var jqTds = $('input', nRow);
var id = jqTds[1].value;
var name = jqTds[2].value;
var address = jqTds[3].value;
var username = jqTds[4].value;
var password = jqTds[5].value;
var role = jqTds[6].value;
}
我还使用了jquery和ajax
$.ajax({
url: 'http:/localhost/api/semuaorang',
dataType: 'text',
method: 'POST',
contentType: 'application/x-www-form-urlencoded; charset=UTF-8',
success: function(response){
obj = JSON.parse(response);
for (var i = 0; i < obj.message.length; i++) {\
tu = $('<tr/>');
tu.append("<td><input type='text' name='name' class='foo' readonly value='"+obj.message[i].Id+"'></td>");
tu.append("<td><input type='text' name='name' value='"+obj.message[i].Nama+"'></td>");
tu.append("<td><input type='text' name='name' value='"+obj.message[i].Alamat+"'></td>");
tu.append("<td><input type='text' name='name' value='"+obj.message[i].Username+"'></td>");
tu.append("<td><input type='text' name='name' value='"+obj.message[i].Password+"'></td>");
tu.append("<td><input type='text' name='name' readonly value='"+obj.message[i].role+"'></td>");
tu.append("<td> <a href=''><i class='fa fa-check' onclick='updateUser()'></i></a></td>")
$('#bodyTableUpdate').append(tu);
}
},
error: function(xhr, status, error){
alert(error);
},
complete: function(){
}
});
$.ajax({
url:'http:/localhost/api/semuaorang',
数据类型:“文本”,
方法:“POST”,
contentType:'application/x-www-form-urlencoded;charset=UTF-8',
成功:功能(响应){
obj=JSON.parse(响应);
对于(变量i=0;i
当您使用onclick
属性附加事件处理程序时,updateUser()
函数中的this
关键字将引用窗口,而不是引发事件的元素。为了达到您的要求,最好使用一个不引人注目的委托事件处理程序。在jQuery中,可以使用on()
执行以下操作:
//在$.ajax设置中:
成功:功能(响应){
//注意这里不需要JSON.parse-jQuery会自动为您执行此操作
对于(变量i=0;i
当您使用onclick
属性附加事件处理程序时,updateUser()
函数中的this
关键字将引用窗口,而不是引发事件的元素。为了达到您的要求,最好使用一个不引人注目的委托事件处理程序。在jQuery中,可以使用on()
执行以下操作:
//在$.ajax设置中:
成功:功能(响应){
//注意这里不需要JSON.parse-jQuery会自动为您执行此操作
对于(变量i=0;i
您缺少的是引用已单击行的索引。您已经有了for
循环提供的索引,因此只需将其插入onclick
tu.append("<td> <a href=''><i class='fa fa-check' onclick='updateUser(" + i + ")'></i></a></td>")
这是解决您的问题的最简单的解决方案,但它很好地解释了这个是如何工作的,您做错了什么,以及如何纠正错误的方向。您缺少的是一个引用单击行的索引。您已经有了for
循环提供的索引,因此只需将其插入onclick
tu.append("<td> <a href=''><i class='fa fa-check' onclick='updateUser(" + i + ")'></i></a></td>")
这是解决您的问题的最简单的解决方案,但它很好地解释了这个是如何工作的,您做错了什么,以及如何纠正错误的方向。我不确定我是否理解这里的问题,您能否澄清?我不确定我是否理解这里的问题,您能否澄清?