JavaScript / Jquery-加载时运行脚本

Question

我有一个以选择列表为中心的html表单，并且我正在使用此代码

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script type="text/javascript" >
$(document).ready(function() {
$('#primary_category').on('change', function(){
    var n = this.getAttribute('size'),
        i = this.selectedIndex,
        l = this.options.length;
    this.selectedIndex = Math.min(l-1,i+n/2|0);
    this.selectedIndex = Math.max(0,i+1-n/2|0);
    this.selectedIndex = i;
});
    });
</script>

在上面的代码中，我进行了on('change并且每次更改选择时，选择的内容都居中。尽管刷新页面时，选择的内容仍不居中。尽管原始选择仍然保持选中状态。

我希望页面重新加载时，选择保持居中。 我尝试$('#primary_category').on('load', function(){但刷新页面时并没有居中。

Answer 1

在页面加载时触发#primary_category元素上的更改事件。 尝试这个：

<script type="text/javascript" >
  $(document).ready(function() {
    $('#primary_category').on('change', function(){
        var n = this.getAttribute('size'),
            i = this.selectedIndex,
            l = this.options.length;
        this.selectedIndex = Math.min(l-1,i+n/2|0);
        this.selectedIndex = Math.max(0,i+1-n/2|0);
        this.selectedIndex = i;
    });
    $('#primary_category').change();
  });
</script>