0

有没有办法使用 Bootstrap 的 Typeahead 和 MySQL来实现这一点？

我的表格（姓名、地址、城市）

       <label>Naam:</label>
             <input type="text" name="naam" placeholder="Typ hier een naam..." /><br /> 

        <label>Adres:</label>
            <input type="text" name="adres" placeholder="Typ hier het adres..." /><br />

        <label>Plaats:</label>
            <input type="text" name="plaats" placeholder="Typ hier de plaats..." /><br />

当我填写我的 Naam（姓名）输入字段时，我想使用预输入从我的数据库中提供建议，当我选择其中一个建议时，其他字段（Adres 和 plaats）需要填写相应的名称值数据库中的字段..

像这样：

在此处输入图像描述

要创建像上面这样的建议，我使用这个：

    $query = mysql_real_escape_string($_POST['query']);

$sql = mysql_query("SELECT CONCAT(naam, ' - ', adres, ', ', plaats) as result FROM klanten WHERE naam like '%{$query}%' or plaats like '%{$query}%'");
$array = array();

while ($row = mysql_fetch_assoc($sql)) {
    $array[] = $row['result'];  
}

// Return the json array
echo json_encode($array);

然后，当我单击该建议时，必须将规则“Johnson - Wallstreet 1234, New York”切成碎片。就像图像中的输出示例一样..

4

1 回答 1

1

首先给你的名字文本框一个 id。

<input type="text" name="naam" placeholder="Typ hier een naam..." id="naam" /><br />

Javascript：

$('#naam').typeahead({
    source: function (typeahead, query) {
        return $.get('/ajaxurl_to_get_suggestions', { query: query }, function (data) {
            return typeahead.process(data);
        });
    },
    updater: function (selectedItem) {
        $.ajax({
            url: '/get_other_parameters',
            type: 'GET',
            data: 'name=' + selectedItem,
            success: function(data) {
                // process returned data
            }
        })
    }
});

/ajaxurl_to_get_suggestions 必须以 json 格式输出建议。

于 2013-06-07T15:00:57.120 回答