Question

我想要使用bootstrap Typehead进行自动填充，但我感到很困惑，我在JS下面使用这个可以对此有任何帮助。我的要求是：使用typehead填充的用户应该进入textarea（$ myTextarea）。

我想将选定的值放入textarea。

$(document).ready(function() {
$('input.typeahead').typeahead({
source: function (query, process) {
$.ajax({
url: '/test/typehead/data.php',
type: 'POST',
dataType: 'JSON',
data: 'query=' + query,
success: function(data) {
console.log(data);
process(data);

}
});
}

});
updater: function(item) {
    $myTextarea.append(item, ' ');
    return '';
}
});

谢谢，阿肖克

Answer 1

解决了......一些语法错误

    $(document).ready(function() {
    var $myTextarea = $('#myTextarea');
$('input.typeahead').typeahead({
source: function (query, process) {
$.ajax({
url: '/test/typehead/data.php',
type: 'POST',
dataType: 'JSON',
data: 'query=' + query,
success: function(data) {
console.log(data);
process(data);

}
});
},
updater: function(item) {
$myTextarea.append(item, ' ');
return '';
}

});
});

Answer 2

jQuery(function ($) {
            $('.typeahead').typeahead({
                source: function (query, process) {

                    return $.ajax({
                        type: "POST",
                        contentType: "application/json; charset=utf-8",
                        url: "url",
                        data: '{ "query": "' + query + '"}',
                        dataType: "json",
                        success: function (data) {
                            //use data.d in case of asp.net
                            return process(data);
                        },
                        failure: function (response) {
                            alert("Failure");
                        },
                        error: function (jqXHR, textStatus, errorThrown) {
                            alert("There seems to be an error");
                        }
                    });
                },
              updater: function(item) {
              $myTextarea.append(item, ' ');
               return item;
             }
            });
        });

这可以帮到你，如需进一步阅读，请阅读this 干杯!!!

需要有关使用ajax源的bootstrap typeahead多选的帮助？

2 个答案: