Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript获取表格行中的单元格值?_Javascript_Jquery_Html_Mysql_Ajax - Fatal编程技术网

如何使用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>")

这是解决您的问题的最简单的解决方案,但它很好地解释了
这个
是如何工作的,您做错了什么,以及如何纠正错误的方向。

我不确定我是否理解这里的问题,您能否澄清?我不确定我是否理解这里的问题,您能否澄清?