-5
我想爲可編輯表使用JQuery自動完成功能。我的表有多行(計數是可變的)。我使用while循環從數據庫獲取數據,我的JQuery函數放置在循環之外。但自動完成操作僅適用於第一行。JQuery不工作在PHP while循環
是否有任何建議調用每一行中的函數?我希望自動完成操作發生在每一行。
請推薦我,因爲我對此很新。
這裏是我的代碼
<?php
$connect = mysqli_connect("localhost", "root", "A", "ABC");
$output = '';
$sql = "SELECT * FROM PROVISIONING WHERE COMMENTS='NOT_UPDATED' AND UPDATED_BY='NOT_UPDATED' ORDER BY id DESC";
$result = mysqli_query($connect, $sql);
$output .= '
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(function() {
var availableTags = [
"Arindam",
"Completed",
"Pending"
];
$("#tags").autocomplete({
source: availableTags
});
$("#tags1").autocomplete({
source: availableTags
});
$("#tags2").autocomplete({
source: availableTags
});
$("#tags3").autocomplete({
source: availableTags
});
});
</script>
<div class="ui-widget">
<table align="middle" border="1" bordercolor="green" class="table table-bordered">
<tr>
<th style="color:blue;font-style:italic;" hidden>Id</th>
<th style="color:blue;font-style:italic;">Task ID</th>
<th style="color:blue;font-style:italic;">Request ID</th>
<th style="color:blue;font-style:italic;">END Date</th>
<th style="color:blue;font-style:italic;">Updated Date</th>
<th style="color:blue;font-style:italic;">Pending Tasks</th>
<th style="color:blue;font-style:italic;">Comments</th>
<th style="color:blue;font-style:italic;">Assignee</th>
<th style="color:blue;font-style:italic;">Updated By</th>
<th style="color:blue;font-style:italic;" hidden>Delete</th>
</tr>';
if(mysqli_num_rows($result) > 0)
{
while($row = mysqli_fetch_array($result))
{
$output .= '
<tr>
<td hidden>'.$row["id"].'</td>
<td class="TASK_ID" data-id1="'.$row["id"].'" >'.$row["TASK_ID"].'</td>
<td class="REQUEST_ID" data-id2="'.$row["id"].'" >'.$row["REQUEST_ID"].'</td>
<td class="END_DATE" data-id3="'.$row["id"].'" >'.$row["END_DATE"].'</td>
<td class="UPDATED_DATE" data-id4="'.$row["id"].'" contenteditable>'.$row["UPDATED_DATE"].'</td>
<td id="tags" class="AUTOMATED_TASKS" data-id5="'.$row["id"].'" contenteditable>'.$row["AUTOMATED_TASKS"].'</td>
<td id="tags1" class="COMMENTS" data-id6="'.$row["id"].'" contenteditable>'.$row["COMMENTS"].'</td>
<td id="tags2" class="ASSIGNEE" data-id7="'.$row["id"].'" contenteditable>'.$row["ASSIGNEE"].'</td>
<td id="tags3" class="UPDATED_BY" data-id8="'.$row["id"].'" contenteditable>'.$row["UPDATED_BY"].'</td>
<td hidden><button type="button" name="delete_btn" data-id9="'.$row["id"].'" class="btn btn-xs btn-danger btn_delete">x</button></td>
</tr>';
}
$output .= '
<tr>
<td id="TASK_ID" contenteditable></td>
<td id="REQUEST_ID" contenteditable></td>
<td id="END_DATE" contenteditable></td>
<td id="UPDATED_DATE" contenteditable></td>
<td id="AUTOMATED_TASKS" contenteditable></td>
<td id="COMMENTS" contenteditable></td>
<td id="ASSIGNEE" contenteditable></td>
<td id="UPDATED_BY" contenteditable></td>
<td hidden><button type="button" name="btn_add" id="btn_add" class="btn btn-xs btn-success">+</button></td>
</tr>';
}
else
{
$output .= '<tr>
<td colspan="4">Data not Found</td>
</tr>';
}
$output .= '</table>
</div>';
echo $output;
?>
你的代碼在哪裏?我們需要看到代碼來幫助你:-) –
你得到更多的投票,因爲你沒有分享你的代碼。 –
對不起,我很新,在stackoverflow。請查找代碼 –