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);
}
}