Change address-fields city to snipcart-select and populate

I want to change address-fields city to snipcart-select. Can someone please share the code on how to populate it with predefined values?

  <div class="snipcart-form__field snipcart-form__cell--large">
      <snipcart-label class="snipcart__font--tiny" for="city">
          {{ $localize('address_form.city') }}</snipcart-label>
      <snipcart-select name="city"></snipcart-select>
      <snipcart-field-error name="city"></snipcart-field-error>
  </div>

Hi @keithlei01,

Unfortunately, this is not something we support.

Let me know if we can help with anything else.

Thanks.

Is this what you are looking for?

 <snipcart-select name="city">
<option>New York</option>
<option>Tokyo</option>
<option>Paris</option>
<option>Cairo</option>
<option>Sydney</option>
</snipcart-select>