igCombo – リストにない項目を入力できるようにする方法

igCombo でリストにないものを入力できるようにするには、mode オプションを “editable” にし（※デフォルト値が “editable” なので mode オプションを設定しないという実装でも構いません） 、igCombo を入力可能にしてください。そして、allowCustomValue オプションを true にしてカスタム値を受け入れるようにし、autoSelectFirstMatch オプションを false にして最初に一致したものを自動で選択しないようにしてください。

$("#igCombo1").igCombo({
    ...
    mode: "editable",
    allowCustomValue: true,
    autoSelectFirstMatch: false,
    ...
});

API リファレンス

• mode
  • https://jp.igniteui.com/help/api/2023.1/ui.igcombo#options:mode
• allowCustomValue
  • https://jp.igniteui.com/help/api/2023.1/ui.igcombo#options:allowCustomValue
• autoSelectFirstMatch
  • https://jp.igniteui.com/help/api/2023.1/ui.igcombo#options:autoSelectFirstMatch