buttonを一括で作成した際のidについて

質問

当方javascript初心者です。
forでボタンをまとめて作成したいと考えています。
その際にidを変えて作成したいのですが何かいい方法はありますでしょうか？

for(i=0;i<loc2.length;i++){
html += "<forms name='form1' id='form1'>";
html += "<input type='button' name='check' id="i（＊＊ここの値を変更したい＊＊）" value='選択' onclick='sentaku(jou,this.id)'>";
html += "</forms>
}

このように作成した場合ですと、idを取得した場合ローマ字のiになってしまいます。
ここのidをひとつずつ変更する、または変数名を指定したいと考えています。

質問するのは初めてでわかりにくい書き方でしたら申し訳ありません。
回答のほうよろしければお願いします。

回答No.3

tomaju · ベストアンサー

文法エラーになってませんかね。。。

とりあえず変数 i の前後に + を書けば id=0 , id=1 , id=2 ... のようにidに値をセットできるかと思います。

html += "<input type='button' name='check' id=" + i + " value='選択' onclick='sentaku(jou,this.id)'>";

;

お礼

できました。
回答ありがとうございました。

回答No.2

yambejp

全体のフローがわからないのでなんとも言えませんが
まず、ボタンごとにformをつくる必要があるのでしょうか？
またsentakuの引数にthis.idを渡していますが、idで渡す必要があるのでしょうか？
そのままthisを渡せばidでわざわざ掴まなくてもいいような気がしますが・・・

お礼

回答ありがとうございました。
仰るとおりボタンごとにformを作る必要はありませんね。
idで渡したいのは押されたボタンに応じてあらかじめ配列に入れておいた情報を要素番号に応じて出力したいためです。
要素番号の指定さえできればわざわざidを利用しなくてもいいのですがこの方法しか思い浮かびませんでした。

回答No.1

・真 綾・（@Ma-yan_bh1011）

中に入れないで連結すればいい

お礼

回答ありがとうございました。参考にさせていただきます。