Jquery 防止OnChange下拉跳转效果或避免滚动到页面顶部

我有两个下拉列表，加载3*3矩阵中的一些div，改变其中一个显示动态内容（非ajax，只是简单地显示和隐藏其他div）

由于页面较长，浏览器会生成滚动条

我面临的问题是，一旦你向下滚动到页面底部，并更改下拉列表，页面就会滚动到顶部，或者产生跳转效果。一旦下拉列表被更改，我想保持对它们的关注，这样我就可以避免跳转效应

我尝试了event.preventDefault和event.stopPropagation（），但仍然看到问题

我想知道是否有人对我如何解决这个问题有任何见解

这在所有浏览器中都会发生

<script language="javascript">
                                var jQ132 = $.noConflict(true);
                                jQ132(document).ready(function () {

                                jQ132("#TechnologyDiv").hide();
                                jQ132("#MarketSelect").appendTo("#MarketDiv");
                                jQ132("#TechnologyDiv").show();


                                    var divsinsidecontainer = jQ132("#storiescontainer > div");

                                       jQ132("#TechnologySelect").change(function (e) {                                            
                                        var techSel = jQ132(this).val();

                                        if (techSel == "all") {                                                
                                            divsinsidecontainer.show();
                                        }
                                        else {

                                            divsinsidecontainer.hide();
                                            divsinsidecontainer.each(function () {
                                                if (jQ132(this).attr('data-class').indexOf(techSel) > -1)
                                                    jQ132(this).show();
                                            });                                               
                                        }

                                        jQ132("#MarketSelect").val(0);


                                    });

                                    jQ132("#MarketSelect").change(function (e) {                                            
                                        var marketSel = jQ132(this).val();

                                        if (marketSel == "all") {
                                            divsinsidecontainer.show();
                                        }
                                        else {
                                            divsinsidecontainer.hide();
                                            divsinsidecontainer.each(function () {
                                                if (jQ132(this).attr('data-class').indexOf(marketSel) > -1)
                                                    jQ132(this).show();

                                            });                                                
                                        }
                                        jQ132("#TechnologySelect").val(0);


                                    });

                                });

                                   </script>

var jQ132=$.noConflict（真）；
jQ132（文件）.准备就绪（功能（）{
jQ132（“#TechnologyDiv”）.hide（）；
jQ132（“MarketSelect”）。附录（“MarketDiv”）；
jQ132（“#TechnologyDiv”）.show（）；
var divsinsidecontainer=jQ132（“storiescontainer>div”）；
jQ132（“技术选择”）。改变（功能（e）{
var-techSel=jQ132（this）.val（）；
如果（techSel==“全部”）{
divsinsidecontainer.show（）；
}
否则{
divsinsidecontainer.hide（）；
divsinsidecontainer.each（函数（）{
if（jQ132（this）.attr（'data-class'）.indexOf（techSel）>-1）
jQ132（this.show（）；
});                                               
}
jQ132（“#MarketSelect”）.val（0）；
});
jQ132（“市场选择”）。更改（功能（e）{
var marketSel=jQ132（this）.val（）；
如果（marketSel==“全部”）{
divsinsidecontainer.show（）；
}
否则{
divsinsidecontainer.hide（）；
divsinsidecontainer.each（函数（）{
if（jQ132（this）.attr（'data-class'）.indexOf（marketSel）>-1）
jQ132（this.show（）；
});                                                
}
jQ132（“技术选择”）.val（0）；
});
});

Hi Rahul。我现在也有同样的问题，你能解决这个问题吗？