Как выполнить действие в соответствии с различным значением опции выбора?

Я хочу показать цены в выбранной валюте INR, USD, EUR и т.д. Но у каждой валюты свой api ключ. Подскажите, как я могу изменить значение api ключа в зависимости от выбранного варианта.

<select class="form-select form-select-lg mb-3 output" aria-label=".form-select-lg example">
        <option onclick="getCurrency()" selected>Open this select menu</option>
        <option value="1">inr</option>
        <option value="2">usd</option>
        <option value="3">eur</option>
      </select>
      <script type="text/javascript">
        function getCurrency() {
            selectElement = document.querySelector('#select1');
            output = selectElement.value;
            if (output==2){
                apidata=api2data;
                
            }
            else if (output == 3){
                apidata=api3data;
               
            }
        }

P.S api2data и api3data соответствуют apikeys USD и EUR соответственно.

Я думаю, если вы используете при изменении, это должно работать

        function getCurrency() {
            selectElement = document.querySelector('#select1');
            output = selectElement.value;
            if (output==2){
                apidata=api2data;
                
            }
            else if (output == 3){
                apidata=api3data;
               
            }
        }
<select class="form-select form-select-lg mb-3 output" aria-label=".form-select-lg example">
        <option onchange="getCurrency()" selected>Open this select menu</option>
        <option value="1">inr</option>
        <option value="2">usd</option>
        <option value="3">eur</option>
      </select>

Вернуться на верх