0

//動的に作成されたテーブルの各行でボタンをクリックして、対応する行の列値を取得します

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

var element4= document.createElement("input");

element4.value = userid;
cell4.appendChild(element4);
cell4.style.dispalay="none";

element3.addEventListener('click', function () { 
alert('event fired!'); 
// get the userid value of the clicked  button as an alert 
});
}
4

2 に答える 2

0

列に行IDとクラスを指定してみてください。そうすれば、次を使用できます。

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

このような意味ですか？

于 2012-04-27T09:13:28.220 に答える
0

まず、各要素に一意の 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);

editボタン id = j を割り当てます。

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

次に、次のように for ループ内の編集ボタンに onclick ハンドラーを割り当てます。

element3.onclick=doSomething;

関数を作成するdoSomething() 

function doSomething() {  
   for(var j=1; j<=rowCount; j++)
   {    
       var value = document.getElementById("element" + j + "-" + this.id).value;
       alert(value);
   }
}

お役に立てれば。

于 2012-04-27T11:45:56.750 に答える