获取 ID 和名称自动完成 JQuery PHP答案

【问题标题】：Get ID and Name Autocomplete JQuery PHP获取 ID 和名称自动完成 JQuery PHP
【发布时间】：2016-10-20 12:41:05
【问题描述】：

当您在自动完成文本框中搜索时，我找不到获取元素 ID 的方法：我在 mi HTML 中有这个：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>

      $(function() {
        $( "#local" ).autocomplete({
          source: 'buscar_local_nombre.php'
        });
      });

这是“buscar_local_nombre.php”：

<?php
  $dbHost = 'localhost';
  $dbUsername = 'root';
  $dbPassword = '';
  $dbName = 'restofinder';
  //connect with the database
  $db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);

  //get search term
   $searchTerm = $_GET['term'];

   //get matched data from table
   $query = $db->query("SELECT * FROM locales WHERE NOMBRE LIKE  '%".$searchTerm."%' AND ESTADO = 1 ORDER BY NOMBRE ASC");
   while ($row = $query->fetch_assoc()) {
     $data[] = $row['NOMBRE'];
  }

   //return json data
     echo json_encode($data);
?>

我怎样才能获得 ID（隐藏）以便我可以将其存储在变量中并在之后使用它？

非常感谢！

【问题讨论】：

将 id 放在隐藏的输入字段中，并通过自动完成相应地更新隐藏字段值来更改名称

标签： php jquery jquery-ui jquery-ui-autocomplete

【解决方案1】：

使用select

$(function() {
     $( "#local" ).autocomplete({
        source: 'buscar_local_nombre.php',
        select: function (event, ui) {
           $("#hdnId").val(ui.item.id);//Put Id in a hidden field
        }
     });
});

参考

【讨论】：