如何设置typeahead的选定值

时间:2018-01-03 12:55:58

标签: javascript php jquery twitter-bootstrap typeahead.js

如何在typeahead中设置默认值。 我在这里尝试了很多解决方案,但似乎没有人工作。

tagApi.tagsManager("pushTag", 'deafulttag');

以下是我的全部代码。

$(document).ready(function() {
    var tagApi = $(".tm-input").tagsManager();
    jQuery(".typeahead").typeahead({
        name: 'job_skill',
        displayKey: 'category',
        source: function (query, process) {
            return $.get('ajaxpro.php', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        },
        afterSelect :function (item){
            tagApi.tagsManager("pushTag", item);
        }
    });
});

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

您可以使用值预填充元素吗?

jQuery(".typeahead").typeahead('val',"test");

来源:Bootstrap typeahead - How to set the default value manually

编辑:

在您的示例中,您希望使用此值启动预先输入,而不是重新初始化它:

$(document).ready(function() {
    var tagApi = $(".tm-input").tagsManager();
    jQuery(".typeahead").typeahead({
        name: 'job_skill',
        displayKey: 'category',
        val: 'test',
        source: function (query, process) {
            return $.get('ajaxpro.php', { query: query }, function (data) {
                data = $.parseJSON(data);
                return process(data);
            });
        },
        afterSelect :function (item){
            tagApi.tagsManager("pushTag", item);
        }
    });
});