Question

我正在使用bootstrap的typeahead进行自动完成

我可以从服务器成功获取项目列表，并使用以下代码查看建议词的下拉列表：

    $('.search-field').typeahead({
        source: function( query, process ){
            var queryParameters = form_params(document.getElementById("search"));
            var inputid = this.$element.attr('id');
            $.getJSON(
                "GET DATA From SERVER"
                    }));    
                });                 
        },
        minLength: 1,         
        updater:function(item){
            var id = this.$element.attr('id');
            $('#'+id).val(item);
            $('#'+id).text(item);
            console.log($('#'+id));
            instantSearch();                
        }  
   });

问题出在更新程序中。当我在下拉列表中选择一个项目时，item参数是我选择的正确字符串。我想在输入文本字段中显示所选项目，但没有任何反应。两者

    $('#'+id).val(item);

和

    document.getElementById('id').value = item;

失败。

有没有人知道如何在bootstrap的typeahead更新程序中设置文本输入字段的值？

Answer 1

动态设置选择器很困难，我不确定你能做到但值得一试：尝试：

var itemSelect = "'#" + id + "'";
$(itemSelect).val(item);

OR

var itemSelect = document.getElementById(id);
itemSelect.value(item);

无法使用twitter-bootstrap typeahead在文本输入字段中显示所选项目

1 个答案: