jQuery 特定箇所をセレクトする方法。

###前提・実現したいこと
ここに質問したいことを詳細に書いてください
素人です。
Javascriptで受注管理システムを作成しております。
注文レコード毎に受注品名に対して対応した在庫数を
<select>文に<option>を追加したいです。
例）

No 品名数量在庫充当数
１イーピン 10 30 (プルダウンで）30,29,28
２イーワン 5 10 (プルダウンで）10,9,8
３イーピン 100 30 (プルダウンで）30,29,28

###発生している問題・エラーメッセージ
Jqueryで該当箇所をセレクタで指定できないです。
素人質問で申し訳ありませんがお知恵を頂けますと助かります。

エラーメッセージ

###該当のソースコード

ここにご自身が実行したソースコードを書いてください
```<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="lib/bootstrap.min.js"></script>
<script src="lib/alasql.min.js"></script>
<script src="lib/purl.js"></script>
<!-- <script src="js/db.js"></script> -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<meta charset = "utf-8">
</head>

<body>
<div class="container">

<table class ="table table-hover">
<thead>
<tr>
<th>顧客名</th>
<th>品名</th>
<th>数量</th>
<th>単価</th>
<th>在庫</th>
<th>充当数</th>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
</div>
<script src="js/index.js"></script>
</body>
</html>```





```.jsファイル
var order = alasql('SELECT*FROM order');

var $tbody = $('#tbody');
for(var i =0;i < order.length;i++){
var orders = order[i];
var stock = alasql('SELECT*FROM stocks WHERE prod=?;',[ orders.prod ] )[0];
var $tr = $('<tr>');
  $tr.append('<td>'+ orders.cust +'</td>');
  $tr.append('<td>'+ orders.prod +' </td>');
  $tr.append('<td>'+ orders.qty +'</td>');
  $tr.append('<td>'+ orders.price +</td>');
  $tr.append('<td>'+ stock.qty</td>');
  $tr.append('<td><select class=""></select></td>');//←ここにoptionを入れたい

for(var s;s < stock.qty ;s++){
  $('.'+i+'').append('<option>'+s+'</option>');//直前のselectに入れたい。
}

$tr.appendTo($tbody);

}```


```データベース:[テーブル名前]

```１[order]
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/ツール等のバージョンなど)
より詳細な情報

kei344

2017/07/02 15:42

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

saban

2017/07/02 15:49

コメントありがとうございます。修正致しましたのでご確認宜しくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

インデントはないしエラーが出そうな箇所が散見されますが、selectの中身を後から追加するのではなくappend前にHTMLを作ってしまえばよいのでは。

JavaScript
1var select_html = '';
2for( var s = 0; s < stock.qty ; s++ ) {
3	select_html += '<option>' + s + '</option>';
4}
5$tr.append( '<td><select class="">' + select_html + '</select></td>' );