使用自动完成功能从 mysql 表中返回用户 ID

Question

我只想单独处理id 列的值，以便在mySQL 的隐藏字段中使用它。但是当我获取 name,surname,id 它们出现在搜索文本字段中时，id 值也出现了。 我只想在隐藏字段的值区域中使用 id。 只有姓名，姓氏必须出现在文本字段中。如何立即将 id 的值设置为隐藏字段？

autocomplete.php

<?php 
include 'config/db.connect.php';
$return_arr = array();


if (isset($_GET['term'])){
try {

    $stmt = $db->prepare('SELECT id,user_username,name,surname FROM user WHERE name LIKE :receiver or surname LIKE :receiver or user_username LIKE :receiver');
    $stmt->execute(array('receiver' => '%'.$_GET['term'].'%'));

    while($row = $stmt->fetch()) {
         $return_arr['name'] = $row['name'];
         $return_arr['surname']= $row['surname'];
         $return_arr['id']= $row['id'];
    }

} catch(PDOException $e) {
    echo 'ERROR: ' . $e->getMessage();
}
echo json_encode($return_arr);

 }

?>

我的表单页面中的脚本

<script type="text/javascript">
$(function() {

//autocomplete
$("#receiver").autocomplete({
    source: "autocomplete.php",
    minLength: 1,

    select: function(event, ui) { 
    $("#receiver_id").val(ui.item.value); 
}

});             

});
</script>

表格

<form action="action_send_message.php" method="POST"  >
     <label for="receiver">Receiver</label>
     <input type="text" name="receiver" id="receiver" placeholder="Receiver" class="span12" />
     <input type="hidden" name="receiver_id" id="receiver_id" value=""/>
     <textarea id="messagebody" name="message_body" class="wysihtml5 span12" rows="5" placeholder="Mesajınızı Yazın"></textarea>
     <button type="submit" class="btn btn-large color-10">Gönder</button>
</form>

Answer 1

这是一种更简单的方法

搜索.php

while($row = $stmt->fetch()) {

           $return_arr[] = array('value' => $row['name'], 'id' => $row['id']);

        }

    } catch(PDOException $e) {
        echo 'ERROR: ' . $e->getMessage();
    }



    echo json_encode($return_arr);

$(function() {
>                 //autocomplete
>                 $("#autocomplete").autocomplete({
>                     source: "search.php",
>                     minLength: 1,
>                     select: function(event, data) {
>                     $("#hidden").val(data.item.id);
>                     $("#autocomplete").val(data.item.value);
>                     },
>                 });
>             });

Answer 2

已编辑

我建议将您的代码更新为以下内容：

autocomplete.php

....
     $return_arr[] = array('value' => $row['name'] . ' ' . $row['surname'],
                           'id' =>  $row['id']);
....

echo json_encode($return_arr);

表单页面中的脚本

$("#receiver").autocomplete({
    source: function(request, response) {
        jQuery.ajax({
            url: 'autocomplete.php',
            dataType: 'json',
            success: function(data) {
                response(data);
            }
        });
    },
    minLength: 1,
    select: function(event, data) { 
        $("#receiver_id").val(data.item.id); 
    }
});

请注意，仅当 $return_arr 项目上的数组键为 'value' 时，自动完成输出才会起作用。如果这被命名为其他名称，它将不起作用。

Answer 3

问题是您只返回一维数组中的最后一个结果以返回 JSON 对象。 您的对象将如下所示：

{
    name: "Firstname",
    surname: "Surname",
    id: "id"
}

而不是结果数组：

{
    "0": { name: "Firstname", surname: "Surname", id: "id" },
    "1": { name: "Firstname", surname: "Surname", id: "id" },
    "2": { name: "Firstname", surname: "Surname", id: "id" },
}

您只会看到一个结果，而不是几个。 jQueryUI 默认假设它们都是一个 id-value 对的数组，因此它假设带有“Firstname”的项目作为 ID 为“name”的值，依此类推。 你想做的是：

$i = 0;
while($row = $stmt->fetch()) {
     $i++
     $return_arr[$i]['name'] = $row['name'];
     $return_arr[$i]['surname']= $row['surname'];
     $return_arr[$i]['id']= $row['id'];
}

而不是您在代码中使用的 while 循环。 然后，自动完成将按照默认行为隐藏 ID（如果我没记错的话）。