javascript - 防止页面刷新

Question

这是场景：我的表单中有 3 个下拉选项，我已经设置了第一个下拉选项，以便它会转到另一个被选中的页面，但它会影响我的另外两个下拉列表，这样当我选择一个选项时页面刷新...下面是我使用的 java 脚本，因此第一个下拉菜单有效...

$(function() {

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

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

});

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

Answer 1

提供<select>一个 ID 并改用该选择器。此外，您可以省略option:selected.

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