Question

我有标准的jQuery自动完成功能并从SQL中提取数据。它工作但我想在第一个字段和选择（用户满意结果）完成提交一个（代码）和字段2（描述）之后键入信息

字段：

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

JQuery自动完成返回多个文件

1 个答案: