将选择列表值传递给 jquery 自动完成 PHP 文件

Question

代码

中没有错误，但问题是当我从品牌中选择一个选项后输入产品文本时，它应该传递品牌 ID，而不是传递"%"这个，但我想传递 1,2 或 3 无论我选择哪个品牌，它都会将"%"传递给 php 文件。我想知道有没有办法将更改的品牌 id 值传递给 php 文件

这是我的代码

$().ready(function(){
    $("#product").autocomplete("ajax/php/product_search.php?brands=" + $('#brands').val() +"&",
        {
            width: 260,
            matchContains: true,
            selectFirst: false,
            formatItem: function(data, i, n, value) {   
                return  value.split("|")[0];
            } 
        }
    );           
});

这是品牌的HTML选择列表

<select id="brands" name="brands">
    <option value="%">-- Select --</option>
    <option value="1"> JVC - PLAYER SET </option>
    <option value="2"> CLARION - PLAYER SET </option>
    <option value="3"> DLS </option>
</select>

Answer 1

您是在页面加载时构造 URL。如果希望 URL 是动态的，则必须提供一个在请求完成时执行 AJAX 调用的函数。

$("#product").autocomplete({
        source: function(request, response) {
           $.getJSON("ajax/php/product_search.php",
                      { brands: $('#brands').val(),
                        term: request.term }, response);
        },
        width: 260,
        matchContains: true,
        selectFirst: false,
        formatItem: function(data, i, n, value) {   
            return  value.split("|")[0];
        } 
    }
);