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

代码中没有错误，但问题是当我从brands中选择一个选项后键入product text Field时，它应该传递品牌id，但不是传递%this，而是传递1、2或3，无论我选择哪个品牌，都要传递%this到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>

---

当页面加载时，您正在构建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];
        } 
    }
);

---

谢谢你的作品。我还更改了自动完成jquery以应用此方法。