jQuery的问题

我已经在php和jquery中创建了一个自动完成系统。

我的问题是:我在所选输入中显示了html代码。

         <script>
$(document).ready(function(){
    $("#searchInput").autocomplete({
        source: "server.php",
        minLength: 1,
        select: function(event, ui) {
            $("#searchInput").val(ui.item.value);
            $("#userID").val(ui.item.id);
        }
    }).data("ui-autocomplete")._renderItem = function( ul, item ) {
        return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a>" + item.label + "</a>")
        .appendTo(ul);
    };
});
</script>

我的PHP:

    // Koneksi ke database.
$conn = new mysqli($host, $username, $password, $database);

// Deklarasi variable keyword buah.
$buah = $_GET["query"];

// Query ke database.
$query  = $conn->query("SELECT * FROM ti_item WHERE itemname LIKE '%$buah%' ORDER BY itemnum DESC");


$result = $query->fetch_all(MYSQLI_ASSOC);

// Format bentuk data untuk autocomplete.
foreach($result as $data) {
    $output['suggestions'][] = [
        'value' => $data['itemname'],
        'buah'  => $data['itemname']
    ];
}

if (! empty($output)) {
    // Encode ke format JSON.
    echo json_encode($output);
}

我的自动完成输入给出了这一点:

enter image description here

评论