javascript - 用于保存下拉值的 session 存储

Question

我有这两个脚本。第一个保存模型的存储，然后在页面刷新后将该模型加载到下拉列表中，并在第二个下拉列表中打开包含相应年份值的文本文件。

第二个应该做同样的事情，一切都很好。存储正在保存，但下拉列表未填充？它没有显示在下拉列表中的原因是因为选项不在 html 中吗？

还有没有更有效的方法将这两者结合起来。我有一组 6 个下拉菜单，全部依赖于另一个我想做同样的事情。

 <script>
$(function() {
    $('#vehic_sel_model').change(function() {
        sessionStorage.setItem('model', this.value);

    });

    if(sessionStorage.getItem('model')){
        $('#vehic_sel_model').val(sessionStorage.getItem('model'));
        $("#vehic_sel_year").load("/v/vehicle-selection/cache/" + sessionStorage.getItem('model') + ".txt");
    }
});
</script>
<script>
$(function() {
    $('#vehic_sel_year').change(function() {
        sessionStorage.setItem('year', this.value);

    });

    if(sessionStorage.getItem('year')){
        $('#vehic_sel_year').val(sessionStorage.getItem('year'));
        $("#vehic_sel_trim").load("/v/vehicle-selection/cache/" + sessionStorage.getItem('year') + ".txt");
    }
});
</script>

Answer 1

试试这个:

if(sessionStorage.getItem('year')){ // <-- Problem here. You've forgotten if statement bracket.
    $('#vehic_sel_year').val(sessionStorage.getItem('year'));
    $("#vehic_sel_trim").load("/v/vehicle-selection/cache/" + sessionStorage.getItem('year') + ".txt");
}