无法提前输入twitter-bootstrap在文本输入字段中显示所选项目

Question

我正在使用bootstrap的预输入自动完成

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

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

失败。

有谁知道如何在引导程序的预输入更新程序中设置文本输入字段的值？

Answer 1

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

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

要么

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