Trying to determine a feasible way for the user to use a select option as an input or a text if nothing is suitable.
Most of the time, the user will be using what has been pre-populated within the select options but may have various instances that an actual text input is needed.
I don't feel that having an "other" field on the select options works with a form field being displayed after so I've come up with this solution:
The wording will not stay how it's presented, this is purely for you to see what's there on a visual basis.
Seen working here:
http://codepen.io/brycesnyder/full/WoeVrY/
Are there any potential pitfalls with this design and functionality, or is there another way to represent this?