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

时间:2012-10-13 08:03:15

标签: javascript ajax jquery-autocomplete

代码中没有错误,但问题是当我从品牌中选择一个选项后我输入产品文本时它应该传递品牌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>

1 个答案:

答案 0 :(得分: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];
        } 
    }
);