0

自動入力にブートストラップ Typehead を使用したいのですが、混乱しています。以下の JS を使用しています。私の要件は次のとおりです。タイプヘッドを使用してユーザーが入力したものは、 textarea ($myTextarea) に入る必要があります。

選択した値をテキストエリアに取得したい。

$(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 '';
}
});

ありがとう、アショク

4

2 に答える 2

0 
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;
             }
            });
        });

これはあなたを助けるはずです、さらに読むためにこれを読んでください 乾杯!!!

于 2013-09-19T08:58:28.950 に答える
0

解決済み....いくつかの構文エラー

    $(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 '';
}

});
});
于 2013-09-19T08:56:19.930 に答える