Question

我使用jQuery UI Autocomplete来帮助用户找到合适的产品。好吧，我有一段HTML代码：

<input id="product_name" name="product" />

我粘贴了一个JS代码来填充该字段：

$(document).on("focus", "#product_name", function() {

    $.get("index.php?route=order/form/getproducts", function(json) {
        $(this).autocomplete({
            source: json,
            minLength: 1
        });
    });

});

这个JS代码向我有PHP + MySQL的服务器发出请求：

function getProducts() {

$results = $order_model->getProducts(false);
$product_names = array();

if ($results) {
    foreach ($results as $result) {         
        $product_names[] = $result["name"];
    }
    print_r(json_encode($product_names));
}

那么我们的输出是什么？当用户将光标聚焦在该字段上并开始输入任何字母时系统显示产品列表BUT系统显示所有项目甚至用户将在列表中键入任何字母不会改变！那么我应该如何让jQuery UI过滤这些项目呢？

UPD。 JSON响应： [＆＃34; ITEM1＆＃34;＆＃34; ITEM2＆＃34;＆＃34;项目3＆＃34;]

jQuery UI自动完成不会过滤列表中的项目

0 个答案: