テーブルからの動的 ID を処理する JavaScript 関数があります。
テーブル：
<table border = "0" width = "95%" class = "table table-striped table-bordered" id = "tblInfoChecks">
<thead>
<tr>
<th><center>#</center></th>
<th><center>Category</center></th>
<th><center>Name</center></th>
<th><center>Date</center></th>
<th><center>Due Date</center></th>
<th><center>Allocation</center></th>
<th><center>Status</center></th>
<th><center>TAT</center></th>
<th><center>Action</center></th>
</tr>
</thead>
<tbody>
<?php
$q = "SELECT * FROM checks WHERE candidate_id = '$case_id' AND client_id = '$client_id'";
$res = mysql_query($q);
$numR = mysql_numrows($res);
$y = 0;
while($y < $numR){
$m = $y + 1;
$check_id = mysql_result($res, $y, "case_id");
$check_name = mysql_result($res, $y, "check_name"); //hidden
$check_cat = mysql_result($res, $y, "check_category"); //hidden
$elements = mysql_result($res, $y, "elements"); //hidden
//verified information -- hidden
$ver_status = mysql_result($res, $y, "ver_status");
$ver_remarks = mysql_result($res, $y, "ver_remarks");
$ver_action = mysql_result($res, $y, "ver_action");
$overall_status = mysql_result($res, $y, "overall_status");
$check_date = mysql_result($res, $y, "date_to_process");
$check_due_date = mysql_result($res, $y, "due_date");
$ver_id = mysql_result($res, $y, "verifier_id");
$check_status = mysql_result($res, $y, "status");
//hidden elements
echo '<input type = "text" style = "" id = "txtInfoCheckID'.$y.'" value = "'.$check_id.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckName'.$y.'" value = "'.$check_name.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckCat'.$y.'" value = "'.$check_cat.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckElements'.$y.'" value = "'.$elements.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckVerStatus'.$y.'" value = "'.$ver_status.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckVerRemarks'.$y.'" value = "'.$ver_remarks.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckVerAction'.$y.'" value = "'.$ver_action.'" />';
echo '<input type = "text" style = "" id = "txtInfoCheckOverallStatus'.$y.'" value = "'.$overall_status.'" />';
//get verifier name
$ver = "SELECT name FROM employees WHERE id = '$ver_id'";
$ver_res = mysql_query($ver);
$ver_numR = mysql_numrows($ver_res);
if($ver_numR != 0){
$ver_name = mysql_result($ver_res, 0 ,0);
}
//compute TAT
$check_date_sec = strtotime($check_date);
$today = strtotime(date("m/d/Y", time()));
$tat = $today - $check_date_sec;
$time_arr = secondsToTime($tat);
$final_tat = $time_arr["d"]; //tat
echo '
<tr>
<td><center>'.$m.'</center></td>
<td><center>'.$check_cat.'</center></td>
<td><center>'.$check_name.'</center></td>
<td><center>'.$check_date.'</center></td>
<td><center>'.$check_due_date.'</center></td>
<td><center>'.$ver_name.'</center></td>
<td><center>'.$check_status.'</center></td>
<td><center>'.$final_tat.'</center></td>
<td><center><a href = "javascript: void(0);" id = "viewInfoCheckElements'.$y.'">View Elements</a></center></td>
</tr>
';
$y++;
}
?>
</tbody>
<tfoot>
<tr>
<th><center>#</center></th>
<th><center>Category</center></th>
<th><center>Name</center></th>
<th><center>Date</center></th>
<th><center>Due Date</center></th>
<th><center>Allocation</center></th>
<th><center>Status</center></th>
<th><center>TAT</center></th>
<th><center>Action</center></th>
</tr>
</tfoot>
</table>
JS
var rowCount_infoChecks = $('#tblInfoChecks >tbody >tr').length;
for(var i = 0; i < rowCount_infoChecks; i++)
{ViewInfoChecks(i);}
ViewInfoチェック:
function ViewInfoChecks(place){
$('#viewInfoCheckElements'+place).livequery(function(){
$('#viewInfoCheckElements'+place).live("click", function(e){
var check_id = $('#txtInfoCheckID'+place).val();
alert(check_id);
var check_name = $('#txtInfoCheckName'+place).val();
var check_cat = $('#txtInfoCheckCat'+place).val();
var check_elem = $('#txtInfoCheckElements'+place).val();
var ver_status = $('#txtInfoCheckVerStatus'+place).val();
var ver_remarks = $('#txtInfoCheckVerRemarks'+place).val();
var ver_action = $('#txtInfoCheckVerAction'+place).val();
var overall_status = $('#txtInfoCheckOverallStatus'+place).val();
$.post(
"posts/view-check-elements.php",
{
check_name : check_name,
check_cat : check_cat,
check_elem : check_elem,
ver_status : ver_status,
ver_remarks : ver_remarks,
ver_action : ver_action,
overall_status : overall_status
},
function(data){
$('#popupViewInfoChecks').html(data);
$('#popupViewInfoChecks').lightbox_me({
centered: true
});
e.preventDefault();
}
);
});
});
}
適切にロードされたテーブルを使用して div 要素にテーブルをロードするたびに$('#').html(data);、非表示の値を再表示しようとすると、要素の値が適切に配置されます。しかし、を介してアクセスし$('#').val()、値を警告すると、一貫性がなくなります。要素にアクセスすると、前に選択した値が表示されることがあるので、ブラウザに関連していると思いますが、キャッシュをクリアしようとするとまだ表示されるので、問題は私のコードだと思います。
例：
- ID myID0 の入力セレクターの値は「boy」です。
- myID0 の値を警告し、値 boy は正しいです
- 男の子が女の子になるように、テーブルを再度ロードして別の値をクエリしようとします
- 同じセレクター myID0 の値を警告します。値はまだ boy であり、新しく割り当てられた値 (girl) はセレクター myID0.val() によって認識されませんでした。