無法提前輸入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);