jQuery Uncaught TypeError：无法读取未定义的属性“ 0”

Question

大家好，我有这样的jquery代码

<script>
 $('document').ready(function() {
    var masterTahun = document.querySelectorAll("#masterTahunAjaran, #masterSemester")
        for (var x = 0; x < masterTahun.length; x++) {
                if ( localStorage['myKey'] == masterTahun.options[x].value) {
                     masterTahun.selectedIndex = x;
                           }
}
 });
$("#masterTahunAjaran, #masterSemester").on('change', function() {
      localStorage['myKey'] =  this.value;  // only strings
}); 


</script>

我使用方法querySelectorAll获得了多个ID（2个元素ID），

但是当我在浏览器中运行时，会出现这样的错误

我的代码有什么问题？如何获得2个ID而不会出现错误？帮助 谢谢