Form Select · "Other" Option Prototype

Shows the C-side interaction after the "Support Other" toggle is enabled — full display & dropdown. The field label below supports multi-language calibration. Click an option to try it.

Admin Config · Other Label

Configure the display text of the "Other" option. Default "Other", supports multi-language calibration — front-end follows the site language.

Other Label multi-language

Switch language and edit the label, then click Apply to see the option text update on the right (simulates multi-language calibration).

Full Display · Single Select

Options are laid out flat. Selecting "Other" expands a text input below it.

How did you hear about us? *

Social Media

Friend Recommendation

Search Engine

Other

① "Other" is auto-appended at the end of the option list; no manual setup needed.

② Selecting "Other" expands an input below, up to 500 chars; switching to another option clears it.

Full Display · Multiple Select

Checking "Other" expands an input; unchecking it clears the entered content.

Which topics are you interested in? *

Photography Gear

Video Shooting

Other

① "Other" sits at the end too and can be checked alongside other options.

② Unchecking "Other" clears the entered text.

Dropdown · Single Select

"Other" appears at the bottom of the dropdown list; selecting it shows a text input below.

What is your occupation? *

Please select

① "Other" is appended at the bottom of the dropdown; selecting it shows an input below.

② In single-select mode, switching away from "Other" clears the entered text.

1"Other" auto-appended

Once enabled, the "Other" option is auto-appended at the end of the option list — no manual setup needed.

Display text comes from the "Other Label" config
Always at the very end, not affected by option ordering
Works in both single-select and multi-select

2Expand input on select

Selecting "Other" expands a text input below it.

Up to 500 characters
placeholder is "Please enter"
Single-select: switching to another option → clears entered text

3Also applies to multi-select

In multi-select mode, "Other" sits at the end and can be checked alongside other options — same logic as single-select.

4Uncheck clears the text

In multi-select mode, unchecking "Other" immediately clears the entered text.

5Appended at dropdown bottom

In dropdown mode, "Other" is appended at the bottom of the list.

Select "Other" from the dropdown list
A text input appears below

6Switching clears the text

In single-select mode, switching from "Other" to another option clears the entered text.