javascript - JQuery 自动完成返回到多个文件

Question

我有标准的 jQuery 自动完成功能并从 SQL 中提取数据。它可以工作，但我想在字段一中输入信息，然后选择(在用户对结果感到满意后)完成字段一(代码)和字段二(描述)

字段:

<input type="text" name="code"  id="code" />
<input type="text" name="description"  id="description" />

jQuery:

$( document ).ready(function() {
    $(function() {
    $("#code").autocomplete({
        source: "source.php",
        minLength: 0
    });                
});
});

PHP:

while ($row = $sql -> fetch(PDO::FETCH_ASSOC))
{
$values[] = array('code'=>$row['code']                  
                ,'description'=>$row['description']     
                );
}
echo json_encode($values);

我已经检查了很多问题，但没有类似的问题。

Answer 1

你可以尝试这样的事情

 $( function() {  
    var data = [];    
    $( "#code" ).autocomplete({
      source: function( request, response ) {
        $.ajax( {
          url: "source.php",
          data: {
            q: request.term
          },
          success: function( data ) { 
            var codes = []; 
            for(var i = 0; i< data.length; i++){                   
                 codes.push(data[i].code);
            }
            response(codes);
          }
        });
      },
      minLength: 2,
      select: function( event, ui ) {
         for(var i = 0; i< data.length; i++){
            if(data[i].code == ui.item.label) {
               $('#description').val(data[i].description);
               break;
            }
          }
      }
    } );
  } );