Php 请帮我列出建议清单

Php 请帮我列出建议清单,php,ajax,json,Php,Ajax,Json,您好,我想制作一个建议列表。为此,我使用文本框从用户处获取输入。但现在我想要存储在数据库中的值,以列表的形式检索。这里我以文本格式获取值。如何将文本框转换为列表?或者如何将列表附加到文本框?您应该使用类似jQuery UI Autocomplete的功能: 它提供了按照您的要求进行操作所需的所有内容,以及您自己学习如何进行操作所需的演示。您可以使用jQuery UI的自动完成功能。您可以从 <html> <head> <script src="jquery.mi

您好,我想制作一个建议列表。为此,我使用文本框从用户处获取输入。但现在我想要存储在数据库中的值,以列表的形式检索。这里我以文本格式获取值。如何将文本框转换为列表?或者如何将列表附加到文本框?

您应该使用类似jQuery UI Autocomplete的功能:

它提供了按照您的要求进行操作所需的所有内容,以及您自己学习如何进行操作所需的演示。

您可以使用jQuery UI的自动完成功能。您可以从

<html> 
<head> 
<script src="jquery.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 

function getsuggestion()
{
    var seltxt=$('#selstate').val();
    //alert(seltxt);
    $.ajax({
        type: "POST",
        url: "getstate.php",
        data:{state: seltxt },
        dataType: 'json',
        success: function(data){
                    //alert(data['test']);
                    if(data['test']==0)
                    {
                        $("#suggestion").text("");
                        alert("No suggestion");
                    }
                    $.each(data,function(key,value)
                    {
                        //alert(key);
                        if(key!="test")
                        {                                                                                                          
                                str=str+value+",";                                                       
                                $("#suggestion").text(str);
                        }                                                           

                    });                   
                },
        error: function(error,txtStatus) { alert(txtStatus);}

          });

}
</script>


</head>
<body>
    <form name=f1 method=post>
    <table>
    <tr>
        <td>Select State:</td>
        <td><input type=text id=selstate onkeyup="getsuggestion();">
         </td>
    </tr>
    <tr>    <td></td>
        <td><div id="suggestion"></div>
        </td>
    </tr>
    </table>

    </form>

</body>
</head>
</html>