Skip to content
Amply Dev Library
  • Pages
    • Introduction
    • Core Standards
    • Client First
    • Project Setup Checklist
    • Accessibility & Compliance
      • Removing Google Fonts
    • Assets
      • Images
      • Icons
    • SEO
      • Project Settings Setup
      • 301 Redirects
    • Staging
      • Staging Best Practices
      • Setting Up Staging Environment
    • Additional Tools & Integrations
      • Relume
      • Refokus for Social Share Buttons
      • Form Integrations
      • Lever Job Listings
      • All Countries Select Form Field
      • Restrict the email field to work emails only
      • Nested CMS Collections
    • Components
      • Sliders (When to Use What)
      • Table of Contents
    • CMS
      • Collection Settings Best Practices
      • Multiple Nested CMS collections on 1 page
      • Tips & Tricks
    • Animations
      • Best Practices
    • Quality Assurance
      • Retainer Task Quick QA Checklist
      • Website Launch QA Checklist
      • Individual Page Checklist
Amply Dev Library
/
/
All Countries Select Form Field
Share
Explore

All Countries Select Form Field

⁠
https://webflow.com/made-in-webflow/website/country-dropdown-by-good-web-host
⁠
⁠

HTML embed for the select field:
<select id="country" name="country" data-name="country" class="form-field select w-select" ><option value="">Select one...</option><option value="All Countries" id="allcountries">All Countries</option></select>

Before closing </body> tag:
<script src="https://web.goodweb.host/goodwebhost-country.js"></script>
<script>
$(document).ready(function() {
$('#allcountries').replaceWith(countries);
});
</script>

Gallery
 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.