数字2桁表示の0埋め

Question

#解決したいこと
optionタグを使用し、年月日のセレクトを01,02,03...と１桁部分のみを0埋めしたいです。
2桁表示になったら、10,11,12..と0埋めは必要ないです。

#試したこと

<label for="">
   <select name="" id="year">
      <option value="" selected>----</option>
   </select>
</label>

これを試したところ、数字のループ表示がされませんでした。

$(function(){
   var $i = 1;
   var $i = sprintf("%02d", $i);
   for ($i; $i <=64 ; $i++){
      $('#year').append('<option value="">'+ $i +'</option>');
   }
});

Answer 1

この記述を書き足して、０埋めできました。
var $i = ('0' + $i).slice(-2);

$(function(){
   var $i = 1;
   for ($i; $i <=64 ; $i++){
      var $i = ('0' + $i).slice(-2);
      $('#year').append('<option value="">'+ $i +'</option>');
   }
});

Comments

[takito]

ご質問の内容と関係ないコメントで恐縮ですが
var $i = 1;
var $i = ('0' + $i).slice(-2);
上記２つは意図的に同じ変数名を使ったのでしょうか？
これは非常に危険の潜んだ処理になっています

下側の $i は「文字列」です
しかし内容が偶然「数値として解釈できる内容」になっており、Javascriptは都合よく解釈してくれるのでループが回ってくれています

例えばこうするとまったく動きが変わります
var $i = 1;
for ($i; $i <=64 ; $i++){
var $i = ('0' + $i + 'a' ).slice(-3); //★末尾に a という文字を付け足すと数字解釈できなくなり for文内の $i++ がうまくいかなくなる
}

「この処理では末尾にaなんて足さないから問題無い」ということではなく、同じ変数名を使いまわすと思いもしない結果になったり、あとで混乱の元になるので避けた方がよいですよというお話しです

以上ご参考まで

[kotori_00]

とても参考になりました。
コメントありがとうございます。
ご指摘、とても有難いです。
同じ変数名を使い回すと混乱の元になるとは、考えていませんでした。