2016-06-01 8 views
1

私はaloglia autocomplete.jsを使用しており、チュートリアルに従っています。 他の人と一緒にオートコンプリートテキストボックスを使用したいselect2 selectbox。私は消えてどこにでもいるオートコンプリートボックスのオートコンプリートの横にクリックして、それは私が前に入力したものだけを示したときAlgolia autocomplete js with select2

var client = algoliasearch('YourApplicationID','YourSearchOnlyAPIKey') 
var index = client.initIndex('YourIndex'); 
autocomplete('#search-input', { hint: false }, [ 
{ 
    source: autocomplete.sources.hits(index, { hitsPerPage: 5 }), 
    displayKey: 'my_attribute', 
    templates: { 
    suggestion: function(suggestion) { 
     return suggestion._highlightResult.my_attribute.value; 
    } 
    } 
} 
]).on('autocomplete:selected', function(event, suggestion, dataset) { 
console.log(suggestion, dataset); 
$("#search-input").val(suggestion.full_name.name) 
}); 

問題があります。

私は消滅したくありません。どのように実装できますか?助けてくれてありがとう。

詳細については、次の例を参照してください。

1つの自動入力フィールド、2つのselect2ボックス、1つの送信ボタンがある単純なフォームがあるとします。自動完了フィールドを選択すると、どこかをクリックするとデフォルトテキストに変わります。つまり、ピッツを入れて、ピザを表示します。したがって、ピザを選択すると「ピザ」が表示されます。次に、select2ボックスを1つ選択するか、どこかをクリックします。オートコンプリート入力フィールドが "piz"に戻りました。

入力フィールドを設定するためにfocusoutを使用しましたが、それは単に私のクエリーに変更されました。

autocomplete('#search-input', { hint: false, debug: true }, [ /* ... */ ]); 

complete options listはGitHubの上で提供されています:消えてから、それを防止するために

答えて

1

今私はそれを持っています。選択するだけで、何もしない場合は、を選択してオートコンプリートを削除してください。 表示キーが値でないことを確認してください。です。

トラブルのために私を節約します。

1

は、あなたがautocomplete.jsdebugオプションを使用することができます。

+0

cssなどを編集するためのものです.1つの自動入力フィールド、2つのselect2ボックス、1つの送信ボタンを持つ単純なフォームがあります。自動完了フィールドを選択すると、どこかをクリックするとデフォルトテキストに変わります。つまり、ピッツを入れて、ピザを表示します。したがって、ピザを選択すると「ピザ」が表示されます。次に、select2ボックスを1つ選択するか、どこかをクリックします。オートコンプリート入力フィールドが "piz"に戻りました。申し訳ありませんが、私は細部に私の問題で言及しませんでした。私は編集します。提案ありがとう。 @Jerska – HtooEainLwin

+0

ああ、説明をありがとう。フィドルは間違いなく問題のデバッグに役立ちます。 – Jerska