JavaScriptで生成するHTMLタグ内にJavaScriptの式をねじこみたいのですが・・・

Question

やりたいことはセレクトボックスなどで４から１２といき、１，２，３を表示させることです（カレンダーの４月始まり３月で終わりのようなイメージ）。下に３つ書いたのですが、一番上のようにvalue=のなかにどうやってJavaScriptの式をねじこんだらいいのか書き方がわからないということ躓いています。

  // 本当はこうやりたいがvalue=の書き方がよくわからず、挫折
 for (var i=4; i<=15; i++) {
    (i<=12)? out+="<option value='"+i+"'>" : out+="<option value='"+i+"-parseInt(12)'>";
 }
 
 マイナスなのでそもそもparseIntしなくてもって感じですが。
 value='"+i+"-12'、value='"+i+"-12'もだめです（当然ですが）。ここを
 どう書けばうまくいくのかもしご存知でしたらよろしくお願い致します。


 下の２つはうまくいきますがコードが長くなるのであまり使いたくないと思っています。

  // 変数i,jの2種類を用意して実現
  for (var i=4; i<=15; i++) {
    if (i <= 12) {
      out += "<option value='"+i+"'>";
    } else if ( i > 12) {
      var j = i - 12; 
      out += "<option value='"+j+"'>";
    }   
  }
  
  // 変数はiだけを使用
  for (var i=4; i<=15; i++) {
    if (i <=12) {
      out += "<option value='"+i+"'>";
    } else if (i > 12) {
      i = i - 12; 
      out += "<option value='"+i+"'>";
      // 無限ループ対策
      i = i + 12; 
    }   
  }

Answer 1

for (var i=1; i<=12; i++) {
    out+="<option value='"+ ((i+2) % 12 + 1) +"'>";
 }

なお、カッコで括らないと文字列連結が先に動いてしまってうまく行きません。

Comments

[true]

迅速かつ的確なご指導、ありがとうございました。そんな簡単に書けるなんてびっくりしました。