Как заменить ссылку и текст при выборе select?

Question

[djienbaev97]

<select class="inputpop" name="name" type="text" placeholder="Қаланы таңдаңыз">
                                            <option value='nur'>Алматы</option>
                                            <option value='alm'>Москва</option>
                                            <option value='wym'>Шымкент</option>
                                            <option value='krg'>Караганда</option>
                                        </select>
                                        <a href="http://wa.me/[phone]">
                                            [phone]
                                        </a>

У меня есть такой код, тут при выборе Москва номер и сслыка номера должно измениться на другой номер, и при выборе других городов тоже, как это реализовать?? помогите чем сможете

Answer 1

[Антон Неверов]

Answer 2

[Jack Williams]

var select = document.querySelector('select.inputpop');
var a = document.querySelector('a');
select.onchange = function(e){
if(select.value == 'nur'){
a.setAttribute('href', 'НОМЕР ДЛЯ ГОРОДА АЛМАТЫ');
a.textContent =  'НОМЕР ДЛЯ ГОРОДА АЛМАТЫ';
}
//else if(....) ....
}

Код не тестировал, но суть очевидна