2

オートコンプリートにブートストラップのタイプアヘッドを使用しています

次のコードを使用して、サーバーからアイテムのリストを正常に取得し、提案語のドロップダウン リストを表示できます。

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

問題はアップデータにあります。ドロップダウン リストで項目を 1 つ選択すると、項目パラメーターは選択した正しい文字列になります。選択した項目をテキスト入力欄に表示したいのですが、何も起こりません。両方

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

と

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

失敗した。

ブートストラップの先行入力アップデーターでテキスト入力フィールドの値を設定する方法を知っている人はいますか?

4

1 に答える 1

0

セレクターを動的に設定するのは難しいです。それができるかどうかはわかりませんが、試してみる価値はあります:

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

また

var itemSelect = document.getElementById(id);
itemSelect.value(item);
于 2012-12-05T11:43:30.697 に答える