Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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_Html - Fatal编程技术网

Javascript 在动态创建的表中的每一行中单击按钮以检索相应行的列值

Javascript 在动态创建的表中的每一行中单击按钮以检索相应行的列值,javascript,html,Javascript,Html,//在动态创建的表中的每一行中单击按钮以检索相应行的列值 var rowCount = result.rows.length;// to count numrows coming from database for(var j=1; j<=rowCount; j++) { var row = result.rows.item(j-1); // creating rowindex in the table exercise =row.Exercise; // value from datab

//在动态创建的表中的每一行中单击按钮以检索相应行的列值

var rowCount = result.rows.length;// to count numrows coming from database
for(var j=1; j<=rowCount; j++)
{
var row = result.rows.item(j-1); // creating rowindex in the table
exercise =row.Exercise; // value from database 
time= row.Time; // value from database 
userid = row.UserId // value from database

var table = document.getElementById("check"); // table id 
var row1 = table.insertRow(j); // Insert Row To Table 

 var cell1 = row1.insertCell(0);
 var element1 = document.createElement("input");
 element1.type = "text";
 element1.value = exercise;
 cell1.appendChild(element1);

 var cell2 = row1.insertCell(1);
 var element2 = document.createElement("input");
 element2.type = "text";
 element2.value = time;
 cell2.appendChild(element2);

 var cell3= row1.insertCell(2);
 var element3 = document.createElement("input");
 element3.type = "button";
 element3.value = "edit";

var cell4= row1.insertCell(3);

尝试为列指定一些行id和类,然后您可以使用

jQuery(".your_class").click(function(){
var column_value = jQuery(this).html();
});

您的意思是这样的吗?

首先为每个元素分配一个唯一的id。例如:

var cell4= row1.insertCell(3);
var element4= document.createElement("input");
element4.type = "text";
element4.value = userId; // from DB
element4.id = "element4-" + j;
cell4.appendChild(element4);
指定编辑按钮id=j

var cell3= row1.insertCell(2);
var element3 = document.createElement("input");
element3.type = "button";
element3.value = "edit";
element3.id = j;
cell3.appendChild(element3);
然后将onclick处理程序分配给for循环内的编辑按钮,如下所示:

element3.onclick=doSomething;
创建函数doSomething


希望这有帮助。

让你的问题更清楚。此外,循环结束括号丢失。我仍在编写代码,但在堆栈溢出中编辑时出现问题。好的,有人知道当单击特定行的编辑按钮时,我如何传递相应的列值吗?Hanks Hashim和Jose为您提供答案,@Hashim:仅显示前两个字段的值,我需要隐藏的最后一个字段的值,我还没有理解element4.id=element4-+j;它是如何工作的。您能解释一下var value=document.getElementByIdeElement+j+-+this.id.value。。。我是javascript的新手,在上面的例子中如果有一行只有一列值会被重复,这是第一列,我希望代码的方式是,如果有3列和1行,所有列值都需要被提醒,你能告诉我如何隐藏上述代码中的一个字段。。。coz cell4.style.dispalay=none;实际上似乎不起作用cell4.style.dispalay=不起作用我必须在动态创建的表结束后给出它,并且它起作用我还想将每个单元格值存储在单独的变量中。
element3.onclick=doSomething;
function doSomething() {  
   for(var j=1; j<=rowCount; j++)
   {    
       var value = document.getElementById("element" + j + "-" + this.id).value;
       alert(value);
   }
}