Javascript 防止页面刷新

这是一个场景：我的表单中有3个下拉选项，我已经设置了第一个下拉选项，这样它将转到另一个被选中的页面，但它会影响我的另外两个下拉选项，这样当我选择一个选项时，页面刷新…下面是我使用的java脚本，所以第一个下拉选项可以工作

$(function() {

    $("#submit").hide();

    $("#form1 select").change(function() {
        window.location = $("#form1 select option:selected").val();
    })

});

有没有一种方法可以让我保留这个JS，同时防止我在剩下的两个下拉列表中选择一个选项时刷新页面？

给

一个ID，然后使用该选择器。此外，您还可以省略

选项：selected

$('#id-of-the-select').change(function() {
    window.location = $(this).val();
});