質問: $(''); $tr.append(''+ orders.cust +''); $tr.append(''+ orders.prod +' '); $tr.append(''+ orders.qty +''); $tr.append(''+ orders.price +'); $tr.append(''+ stock.qty'); $tr.append('');//←ここにoptionを入れたい for(var s;s < stock.qty ;s++){ $('.'+i+'').append(''+s+'');//直前のselectに入れたい。 } $tr.appendTo($tbody); }``` ``` データベース:[テーブル名前] ``` id,cust,prod,qty,price 1,東商店,イーピン,20,100 2,西商事,イーソ,21,105 3,南物産,イーワン,30,15 4,kita corp,イーピン,10,50 5,白,イーワン,1,5 ``` ``` id,prod,price,qty 1,イーピン,5,2000 2,イーソ,5,100 3,イーワン,5,100 4,ウーピン,5,100 ``` ### 試したこと 課題に対してアプローチしたことを記載してください selectのクラスにデータベースのprodをclass="'+order.prod+'"として $('.'+order.prod+')。 同様にtrにclassを指定してfindメソッドでselectを指定。 $('select').eq(i).append~。 $('select')とすると、毎回全select欄に要素を追加してしてしまい。 上記の方法では何も反映されない状況です。 ### 補足情報(言語/FW/ツール等のバージョンなど) より詳細な情報
回答: インデントはないしエラーが出そうな箇所が散見されますが、selectの中身を後から追加するのではなくappend前にHTMLを作ってしまえばよいのでは。 ``` var select_html = ''; for( var s = 0; s < stock.qty ; s++ ) { select_html += '' + s + ''; } $tr.append( '' + select_html + '' ); ```