for loop not working inside autocomplete

Question

<script type="text/javascript"> 
jQuery(document).ready(function($){ 
    for($i=1; $i<=15; $i++) { 
     $("#sr_no"+$i).autocomplete({ 
      source: "autocomplete/taka.php", 
      minLength: 1, 
      select: function(event, ui) { 
       $("#sr_no"+$i).val(ui.item.sr_no); 
       $("#design_name"+$i).val(ui.item.design_name); 
       $("#color"+$i).val(ui.item.color); 
       $("#meter"+$i).val(ui.item.meter); 
       $("#weight"+$i).val(ui.item.weight);  
      } 
     }); 
    } 
}); 
</script> 

<?php 
print("<table id='expense_table' cellspacing='0' cellpadding='0' border='1'>"); 
    print("<thead>"); 
     print("<tr>"); 
      print("<th>No</th>"); 
      print("<th>Sr. No</th>"); 
      print("<th>Design Name</th>"); 
      print("<th>Color</th>"); 
      print("<th>Meter</th>"); 
      print("<th>Weight</th>"); 
      print("<td>&nbsp;</td>"); 
     print("</tr>"); 
    print("</thead>"); 
    print("<tbody>"); 
    for ($i=1; $i<=15; $i++) { 
     print("<tr>"); 
      print("<td>$i</td>"); 
      print("<td><input type='text' name='sr_no[$i]' maxlength='21' id='sr_no$i' /></td>"); 
      print("<td><input type='text' name='design_name[$i]' maxlength='21' id='design_name$i' /></td>"); 
      print("<td><input type='text' name='color[$i]' maxlength='21' id='color$i' /></td>"); 
      print("<td><input type='text' name='meter[$i]' class='meter' maxlength='21' id='meter$i' /></td>"); 
      print("<td><input type='text' name='weight[$i]' maxlength='21' class='weight' id='weight$i' size='10' /></td>");        
     print("</tr>"); 
    } 
?> 

for loop無法正常工作。我正在收集數據。 onclick on detail only sr_no即將到來，沒有其他細節在桌上。

for循環在自動完成功能中不起作用。以下行不工作：

$("#sr_no"+$i).val(ui.item.sr_no); 
$("#design_name"+$i).val(ui.item.design_name); 
$("#color"+$i).val(ui.item.color); 
$("#meter"+$i).val(ui.item.meter); 
$("#weight"+$i).val(ui.item.weight); 

eg: 
table look like this 
sr_no design_name color meter weight 
25  test  red 100 15 
26  test2 pink 120 17 

my code show detail but on click only sr_no display in input field 

25  null  null null null (null mean nothing showing) 

Answer 1

你應該從PHP文件返回JSON對象的數據源，例如php文件必須返回是這樣的：？

<?php 
$values = array(
    "Sr. No" => "val-1", 
    "Design Name" => "val-2", 
    "Color" => "val-3", 
    "Meter" => "val-4", 
    "Weight" => "val-5" 
); 
echo json_encode($values); 

>

然後你將不得不到PHP文件，並從這樣的JavaScript文件呈現這樣的表格：

  var $table = $('<table>'); 
     $table.append('<caption></caption>') 
     // thead 
      .append('<thead>').children('thead') 
      .append('<tr />').children('tr').append('<th>No</th><th>Sr. No</th><th>Design Name</th><th>Color</th><th>Meter</th><th>Weight</th>'); 

     //tbody 
     var $tbody = $table.append('<tbody />').children('tbody'); 
      // add row 
      $tbody.append('<tr />').children('tr:last') 
       .append("<td>values[i]</td>") 
       .append("<td>val</td>") 
       .append("<td>val</td>") 
       .append("<td>val</td>"); 
     } 
     // add table to dom 
     $table.appendTo('#myTable'); 
    <div id="myTable"></div> 

看看這個參考link