使用Jquery UI自动完成功能将额外参数传递给源代码

时间:2011-05-09 16:32:36

标签: jquery jquery-ui jquery-ui-autocomplete

我正在尝试使用jQuery UI自动完成功能传递城市和州的额外参数。我一直试图找到一个答案,但似乎找不到适合我的东西。

我目前的代码是:

$(document).ready(function () {
    $("#id_place").autocomplete({
        source: function(request, response) {
            $.ajax({
                url: "/autocomplete_place",
                dataType: "json",
                data: {
                    term: request.term,
                    city: $("id_city").val(), 
                    state: $("id_state").val(),
                    test: 4
                },
                success: function(data) {
                    response(data);
                }
            });
        },
    });
});

自动完成工作正常,但它没有将我的城市和州参数传递给该函数。如果我输入v,则会请求网址:/autocomplete_place?term=v&test=4

我猜测它会在val()上评估城市和州的(document).ready()并为这些表单字段获取空白值?我认为将源代码转换为ajax函数可以解决这个问题,但也许不会。

有什么想法吗?

1 个答案:

答案 0 :(得分:9)

您在选择器$("#id_city").val()?

中错过了#