Javascript 自动完成 - 不填充

Question

我在填充自动填充框时遇到了一些挑战。

我正在向源发送多个参数。我目前的尝试...

 $("#questionBox").autocomplete({
    source: function(request, response) {
        $.ajax({
            url: "csvAPI.php",
            dataType: "json",
            data: {
                term: request.term,
                discipline: $("#disciplineNameSelect option:selected").text(), 
                questionType: $("#questionTypeSelect option:selected").text(),
                surveyTitle: $("#surveyTitleSelect option:selected").text()
            },
            success: function(data) {
                response(data);
            }
        });
    },

您可以看到源网址确实与发送的参数一起使用...

http://tinyurl.com/ptl7e9g

关于如何使它工作的任何建议？我尝试了许多不同的变化。当我手动定义源选择时，我可以让它工作。但我需要它是动态的，发送 4 个参数。

谢谢！

Answer 1

感谢您对其他答案的建议。我能够让它工作！映射标签和值有效。这对于任何试图让 jquery 自动完成工作的人都很重要。如果您的源数据非常简单并且不包含标签和值，则您需要将其映射到 javascript 中。这现在有效...

$('#questionBox').autocomplete({
    source: function (request, response) {
        var qbString = "csvAPI.php?term=" + request.term + "&call=questionBoxAutoComplete" + "&discipline=" + $("#disciplineNameSelect option:selected").text() + "&questionType=" + $("#questionTypeSelect option:selected").text() + "&surveyTitle=" + $("#surveyTitleSelect option:selected").text();
        $.getJSON(qbString, function (data) {
            response($.map(data, function (value, key) {
                return {
                    label: value,
                    value: key
                };
            }));
        });
    },
    minLength: 2,
    delay: 100
});

这本质上是我的动态源数据...

 {"0":"What is your revenue breakdown?","3":"What is your net operating income?","4":"What is your revenue renewal rate?","5":"What is your fee per hour?"}