selectタグ内のすべてのoptionタグのvalue値が取得出来ない。

Question

前提・実現したいこと

javascriptでselectタグの中のoptionのそれぞれのvalue値を取得しようとしているのですが、取得できません。
inputタグでoninputで関数を呼び出して、入力の度にチェックを行い、
selectタグの中で同じvalue値があればselectedにしたいです。

発生している問題・エラーメッセージ

TypeError: document.forms.editfrm.innm.options[i] is undefined

該当のソースコード

function inputSet() {
   var selCount = document.forms.editfrm.innm.length;
   console.log(selCount);
   var inputValue = document.forms.editfrm.nsno.value;
   console.log(inputValue);
   for (i = 1; i <= selCount; i++) {
      var optionValue = document.forms.editfrm.innm.options[i].value;
      if (inputValue == optionValue) {
         document.forms.editfrm.innm.selectedIndex = i;
      } else {
         document.forms.editfrm.innm.selectedIndex = 0;
      }
   }
}

試したこと

html側のoninputに指定している関数名とnameはjs側と同じになっていることは確認しました。

Comments

[miyabi_pudding]

HTMLも質問本文に含めてください！

Answer 1

質問修正依頼をしましたが、
原因はコードにありそうなので、回答させていただきます。

for (i = 1; i <= selCount; i++) {
  var optionValue = document.forms.editfrm.innm.options[i].value;
  if (inputValue == optionValue) {
    document.forms.editfrm.innm.selectedIndex = i;
  } else {
    document.forms.editfrm.innm.selectedIndex = 0;
  }
}

このfor文の、i = 1としてるのがおそらく原因です。
optionsに入っている、optionが入った、HTMLCollection変数は、
配列と同じく、0スタートなので、
i = 0に直し、二つ目の条件定義を、
i < selCount;にすればと、いけるかと。
つまり、forの繰り返しの最後で、要素がないよ、ってエラーがでちゃってるわけです。