javascript - Ajax jquery 自动完成隐藏 id

Question

我有一个 mysql 表客户端:

client_id client_address client_name。

我正在使用 js 自动完成，它会根据所选输入返回值 client_address。

使用的标签是address和name，带回的值是client_address。我已经使用 select 回调在另一个显示 html 表格的 ajax 脚本中使用 ui。

<script type="text/javascript">
$(function() {
 $( "#clientsearch" ).autocomplete({
  source: 'backend_search_addressWT.php',
  minLength: 2, 
  select: function(event, ui) {
    showUser(ui.item.value)
    }
 });
});
</script>

backend_search_addressWT.php:

<?php
    require_once 'config.php';

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

    //get matched data from skills table
    $query = $mysqli->query("SELECT * FROM client WHERE client_address LIKE '%".$searchTerm."%'");
    while ($row = $query->fetch_assoc()) {
        $data[] = array (
            'label' => $row['client_address'].' - '.$row['client_name'],
            'value' => $row['client_address'],
            );
    }

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

我想做的是获取所选客户端的client_id，并将其作为表单中的隐藏变量提交。

如何将 client_id 作为单独的值带回？我尝试将 value2 添加到数组中，然后使用 select 函数:

select: function(event, ui) {
        showUser(ui.item.value),
        $('#hiddenID').ui.item.value2
        }

但这似乎会导致自动完成功能失效。我应该将其添加到标签中然后尝试拆分它吗？

我看过Get value in jquery autocomplete但我已经在使用select。

Answer 1

不要使用逗号(,)，使用;因为你是在函数内部编写代码。请尝试如下。

select: function(event, ui) {

        showUser(ui.item.value);
        $("#hiddenID").val(ui.item.value);

        }