显示数据库表中的两个字段以填充 jquery 自动完成

Posted

技术标签:

【中文标题】显示数据库表中的两个字段以填充 jquery 自动完成【英文标题】:Display two fields from database table to populate jquery autocomplete 【发布时间】:2012-05-25 16:59:44 【问题描述】:

我已经使用数据库中的数据实现了一个 jquery ui 自动完成功能。现在我所做的只是显示一个字段。例如,假设我有一个数据库:

| id | suburb | code
  0     DAR      10
  1     ASD      20
  2     DEF      30
and so on....

我的html代码:

<form id="auto_test">
<label for="tags">Tags: </label>
<input id="tags" type="text" name="tags" />
<input type="button" id="auto_test_btn" value="save" />

jquery:

jQuery("#tags").autocomplete(
        source: "<?php echo WP_PLUGIN_URL.'/plugin_name/php_file.php'?>"
    );

php:

$t = $_GET['term']; 
$code = $wpdb->get_results(
        "SELECT suburb as label, suburb as value
        FROM Sheet1
        WHERE suburb like '%$t%'
        LIMIT 25
        ",ARRAY_A
        );  
echo(json_encode($code));

自动完成仅显示“郊区”,因为它被定义为标签。我想做的是同时显示郊区和代码。

做什么好呢?

【问题讨论】:

【参考方案1】:

您可以在 SQL 选择语句中连接列(使用适当的分隔符),可能是这样的:

"SELECT Concat(suburb, ' ', code) as label, suburb as value

【讨论】:

【参考方案2】:
"SELECT concat(suburb, ' ', code) as label, suburb as value

【讨论】:

【参考方案3】:

试试这个你的 sql 查询..

SELECT suburb as label, code as value
            FROM Sheet1
            WHERE suburb like '%$t%'
            LIMIT 25

【讨论】:

以上是关于显示数据库表中的两个字段以填充 jquery 自动完成的主要内容,如果未能解决你的问题,请参考以下文章

jquery 防止自动填充表单

带有两个参数的Jquery自动填充

Chrome for Android显示自动填充即使自动填充:关闭

使用 Excel 表中的数据填充 Web 文本字段、提交页面、重复吗?

自动填充另一张工作表中的数据

Jquery Bootstrap Dropdown 在使用 PHP 中的 foreach 循环填充的表中不起作用