阻止页面刷新

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();
});