Add Custom Options

Using the allow-custom-options attribute to allow the user to choose a "new" value (one that is not in the list of options).

Event Log
Event Details
Waiting for events.
open example on its own page

Add Custom Options (or select from the existing options)

If we type in an option that matches an existing option is should not show the option to add a custom option.

Event Log
Event Details
Waiting for events.

Set the custom option text

You can set the value of the allow-custom-options= attribute to text that will be used in the dropdown. The default value will be "Add (your value)...".

open example on its own page

Set the custom option text with a placeholder

If you want to put the typed in value somewhere other than the very end, you can use the placeholder {{}}

Empty Custom Options Label

If you just want the value that's being typed in, with no other hints use just allow-custom-options="{{}}"

Custom Options with search string minimum length

Allow custom option (allow-custom-options="") and have a minimum search string length of 5 (search-string-minimum-length="5". You should be able to add custom options even if they are less than 5 characters long.