我想在使用JavaScript和PHP键入时向用户建议一些数据。帽子怎么样?

时间:2012-05-14 06:53:42

标签: php jquery mysql database

呃。让我们举个例子......

这是PHP代码: index.php : - >

<?php
// Starter tags
echo "<input name='name' value='name'> </input>";
?>

这是数据库表结构:

|------------|------------------|---------------------------------------|
| Name       |   Email          |          Description                  |
|------------|------------------|---------------------------------------|
|John Doe    | john@doe.com     |  John Doe is example person           |
|            |                  |                                       |
|Rishikesh   | risht@dot.com    |  Rishikesh is FnCEO of Pupoz          |
|------------|------------------|---------------------------------------|

如何编写jQuery代码,以便它要求PHP执行MySQL Query并在键入时提供选择建议。那个输入框应该在PHP页面上。如果可以,请添加您自己的名字,稍后我会尝试。谢谢,如果你能帮助我。

我有些疑惑。然后会问问题。

1 个答案:

答案 0 :(得分:5)

使用Jquery UI AutoComplete,它可以与远程数据源,数据数组一起使用。它有很多选项,如模态,样式。 JqueryAutocomplete

<div id="SomeID"> <input type="text" id="SomeTextID"/></div>

Jquery的。

$(function(){

$( "#SomeTextID" ).autocomplete({
            source: "YourPhpPage.php",
            minLength: 2,
            select: function( event, ui ) {
                log( ui.item ?
                    "Selected: " + ui.item.value + " aka " + ui.item.id :
                    "Nothing selected, input was " + this.value );
            }
        });

});

参见演示:JSFiddle AutoCompleter