请帮我提出建议清单

时间:2012-06-22 12:26:25

标签: php ajax json

<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>

嗨,我想提出一个建议清单。为此,我使用了文本框来获取用户的输入。但是现在我希望以列表的形式检索存储在数据库中的值。这是我我在文本中获取格式的格式。如何将文本框转换为列表?或者我应该怎样做才能将列表附加到文本框中?

2 个答案:

答案 0 :(得分:0)

您应该使用jQuery UI-Autocompletehttp://jqueryui.com/demos/autocomplete/

之类的内容

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

答案 1 :(得分:0)

您可以使用autocomplete的{​​{1}}功能。您可以从http://jqueryui.com/download下载