私は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の上で提供されています:消えてから、それを防止するために
cssなどを編集するためのものです.1つの自動入力フィールド、2つのselect2ボックス、1つの送信ボタンを持つ単純なフォームがあります。自動完了フィールドを選択すると、どこかをクリックするとデフォルトテキストに変わります。つまり、ピッツを入れて、ピザを表示します。したがって、ピザを選択すると「ピザ」が表示されます。次に、select2ボックスを1つ選択するか、どこかをクリックします。オートコンプリート入力フィールドが "piz"に戻りました。申し訳ありませんが、私は細部に私の問題で言及しませんでした。私は編集します。提案ありがとう。 @Jerska – HtooEainLwin
ああ、説明をありがとう。フィドルは間違いなく問題のデバッグに役立ちます。 – Jerska