www.wysiwygwebbuilder.com

Code: Select all

<select id="currency-select" onchange="updatePrices()">
    <option value="USD">USD</option>
    <option value="CAD">CAD</option>
    <option value="AUD">AUD</option>
   <option value="NZD">NZD</option>
</select>

<span class="price" data-amount="49.99">US$49.99</span>

<script>
const symbols = {
    USD: 'US$',
    CAD: 'CA$',
    AUD: 'AU$',
    NZD: 'NZ$'
};

function updatePrices() {
    const selectedCurrency = document.getElementById('currency-select').value;
    const symbol = symbols[selectedCurrency];
    
    document.querySelectorAll('.price').forEach(el => {
        const amount = el.getAttribute('data-amount');
        el.textContent = symbol + amount;
    });
}
</script>