Currently, I have a dropdown menu displaying a list of countries from a JSON file. Beside it, there is a text field that correlates to the dropdown, showing the ISO 3166 alpha-2 data (e.g. CH for Switzerland).
Users have the option to input the 2-character code, and the corresponding country name will appear in the dropdown menu.
https://i.sstatic.net/t3FoY.jpg
However, a drawback is that users have to input the alpha-2 value in uppercase for it to match. For instance, typing "CH" will work, but "ch" will not yield any matches in the dropdown menu.
Is there a workaround for this issue?
<td>
<input type="text" size="4" ng-model="country_import.alpha_2">
</td>
<td>
<select ng-model="country_import" ng-options="s.name for s in iso3166 track by s.alpha_2" class="form-control input-xs country-menu"></select>
</td>