Question

我在表单中共有4个（输入）字段，即产品名称，产品名称，销售价格和购买价格。当我在产品名称字段中输入内容时，它应该显示建议（来自数据库中的许多产品），如谷歌节目，当我点击任何建议时，它应该填充所有4个字段中的相应数据库值。请提供示例代码，如果您有，我可以参考相同的代码。我知道需要用户使用ajax + jQuery + mySQL + php。我不知道如何使用这一切。

帮我解决这个问题

Answer 1

尝试这样的事情：

Jquery的：

$(function(){
        var arr = [];
        var availableTags = [];

        $.ajax({
            'url'   : 'getdata.php',
            'method': 'get',
            success : function(response){
                arr = JSON.parse(response);

                availableTags = Object.keys(arr).map(function (key) { return arr[key]; });
            },
            async   : false
        });

        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });

HTML：

<input type="text" id="tags" placeholder="Enter name like Jackson">

腓：

<?php
    require('connect.php');

    $getDetails = "SELECT id, concat(first_name,' ',last_name) as name FROM test.datatables_demo";
    $details    = mysqli_query($con, $getDetails);

    $response = array();
    if(mysqli_num_rows($details) > 0)
    {
        while($row = mysqli_fetch_assoc($details))
        {
            $response[$row['id']] = $row['name'];
        }
    }

    echo json_encode($response);
?>

自动填充输入字段（type =＆＃34; text＆＃34;）

1 个答案: