почему другие выпадающие списки на странице обновляются, когда я нажимаю один выпадающий список на той же странице

Question

У меня есть много выпадающих списков на моей странице, и я написал Javascript для трех из них.Вот мой javascript;

<script language="JavaScript">
    function getSelectValue() {
        var selectedValue = document.getElementById("egitimkonusu").value;
        window.location.href = "egitim?deger=" + selectedValue;
        return selectedValue;
    }

    function getSelectValue2() {
        var selectedValue2 = document.getElementById("eklenecek").value;
        window.location.href = "/egitim?deger="+ getSelectValue() +"&"+"?eklenecekid=" + selectedValue2;
    }

    function getSelectValue3() {
        var selectedValue3=document.getElementById("secili").value;
        window.location.href="/egitim?deger="+ getSelectValue() +"&"+"?silinecekid="+selectedValue3;
    }
</script>

Мой вопрос: когда я нажимаю любую опцию в dropdownlist(secili,egitimkonusu,eklenecek), выбранные значения других выпадающих списков становятся пустыми.Я думаю, страница обновляется.Я не хочу, чтобы страница обновлялась при нажатии на какое-либо значение в dropdownlist.Может кто-нибудь мне помочь?Я только начал учиться.Спасибо за любую помощь

Answer 1

window.location.href = "egitim?deger=" + selectedValue; 

Эта строка, по-моему, беспорядок.Она должна обновлять страницу каждый раз.

Разве вы не хотите установить id или class для выбранного значения?

как-то так?

$('#displayid').append('<option value='+abx+'>'+xyz+'</option>');