I am creating a form that contains, among its different search criteria fields, a textbox where users can specify none, one or more phone numbers. Initially users could only specify one or no phone numbers, so the use of a standard textfield was acceptable.
As the option to add more phone numbers has been added, I am unsure on how to proceed. I was thinking to add a 'Add multiple numbers' button next to the textfield, which would prompt the application to display a dialog with a textarea and a 'Add' button where users could copy and paste a large chunk of numbers separated by commas. Upon clicking the 'Add' button in this dialog, the numbers would be displayed in the form in a combobox. There are however some small pitfalls, some of which are the following:
- If the number of phone numbers is very large, the combobox items would not be visible within the screen.
- If the user decides to edit this large chunk of numbers, he can't, unless the 'Add multiple numbers' button changes to 'Edit numbers' and he/she repeats the same procedure.
- If the 'Add multiple numbers' button is indeed changed to 'Edit numbers' following a multiple entry, everytime the user wants to replace existing numbers with new ones, he/she needs to click always the 'Edit numbers' button, which is not very efficient from a UI perspective.
Has anyone faced such issue in the past and which approach has he/she used?
Thanks in advance for the help!